fixup! fixup! fixup! Fix misplaced Popover when using Floating UI (#566)

Author: atmelmicro

src/components/Popover/Popover.jsx

@@ -46,7 +46,7 @@ export const Popover = React.forwardRef((props, ref) => {
           getRootAlignmentClassName(placement, styles),
         )}
         ref={ref}
-        style={cleanPlacementStyle(placementStyle)}
+        style={cleanPlacementStyle(placementStyle ?? {})}
       >
         {children}
         <span className={styles.arrow} />

src/components/Popover/README.md

@@ -163,8 +163,8 @@ we recommend to involve an external library designed specifically for this
 purpose.
 
 To position the popover, you need to provide the `placementStyle` prop with the
-style you want to apply to the popover. This prop is filtered and should only
-be used to position the popover. The allowed props are
+style you want to apply to the popover. This prop should only be used to
+position the popover. The allowed props are:
 
  - `position`
  - `inset`
@@ -291,8 +291,8 @@ React.createElement(() => {
               placement={finalPlacement}
               placementStyle={{
                 position: strategy,
-                top: y,
-                left: x,
+                top: `${y}px`,
+                left: `${x}px`,
               }}
               ref={floating}
             >