@canonical/react-components 3.5.0 → 3.5.1

package/dist/components/ContextualMenu/ContextualMenu.js

@@ -151,11 +151,18 @@ const ContextualMenu = _ref => {
       // becomes smaller.
       closePortal();
     } else {
-      // Update the coordinates so that the menu stays relative to the
-      // toggle button.
-      updatePositionCoords();
+      // Only update if the coordinates have changed.
+      // The check fixes a bug with chrome, where an input receiving focus and
+      // opening the keyboard causes a resize and the keyboard closes right after
+      // opening.
+      const coords = parent.getBoundingClientRect();
+      if (JSON.stringify(coords) !== JSON.stringify(positionCoords)) {
+        // Update the coordinates so that the menu stays relative to the
+        // toggle button.
+        updatePositionCoords();
+      }
     }
-  }, [closePortal, positionNode, updatePositionCoords]);
+  }, [closePortal, positionNode, positionCoords, updatePositionCoords]);
   const onScroll = (0, _react.useCallback)(e => {
     const parent = getPositionNode(wrapper.current, positionNode);
     // update position if the scroll event is triggered by the parent of the menu

package/dist/esm/components/ContextualMenu/ContextualMenu.js

@@ -147,11 +147,18 @@ var ContextualMenu = _ref => {
       // becomes smaller.
       closePortal();
     } else {
-      // Update the coordinates so that the menu stays relative to the
-      // toggle button.
-      updatePositionCoords();
+      // Only update if the coordinates have changed.
+      // The check fixes a bug with chrome, where an input receiving focus and
+      // opening the keyboard causes a resize and the keyboard closes right after
+      // opening.
+      var coords = parent.getBoundingClientRect();
+      if (JSON.stringify(coords) !== JSON.stringify(positionCoords)) {
+        // Update the coordinates so that the menu stays relative to the
+        // toggle button.
+        updatePositionCoords();
+      }
     }
-  }, [closePortal, positionNode, updatePositionCoords]);
+  }, [closePortal, positionNode, positionCoords, updatePositionCoords]);
   var onScroll = useCallback(e => {
     var parent = getPositionNode(wrapper.current, positionNode);
     // update position if the scroll event is triggered by the parent of the menu

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@canonical/react-components",
-  "version": "3.5.0",
+  "version": "3.5.1",
   "main": "dist/index.js",
   "module": "dist/index.js",
   "author": {