@atlaskit/editor-plugin-floating-toolbar 0.7.10 → 0.7.11

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlaskit/editor-plugin-floating-toolbar
 
+## 0.7.11
+
+### Patch Changes
+
+- [#43825](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/43825) [`135446e0465`](https://bitbucket.org/atlassian/atlassian-frontend/commits/135446e0465) - [ED-20885] Add setTimeout to make sure a tooltip for a dropdown item renders at the correct position
+
 ## 0.7.10
 
 ### Patch Changes

package/dist/cjs/ui/Dropdown.js

@@ -204,11 +204,17 @@ var Dropdown = exports.default = /*#__PURE__*/function (_Component) {
         if (this.state.isOpen && this.state.isOpenedByKeyboard) {
           var dropList = document.querySelector('[data-role="droplistContent"]');
           if (dropList) {
-            var keyboardEvent = new KeyboardEvent('keydown', {
-              bubbles: true,
-              key: 'ArrowDown'
-            });
-            dropList.dispatchEvent(keyboardEvent);
+            // Add setTimeout so that if a dropdown item has tooltip,
+            // the tooltip won't be rendered until next render cycle
+            // when the droplist is correctly positioned.
+            // This makes tooltip appears at the correct position for the first dropdown item.
+            setTimeout(function () {
+              var keyboardEvent = new KeyboardEvent('keydown', {
+                bubbles: true,
+                key: 'ArrowDown'
+              });
+              dropList.dispatchEvent(keyboardEvent);
+            }, 0);
           }
         }
       }

package/dist/es2019/ui/Dropdown.js

@@ -180,11 +180,17 @@ export default class Dropdown extends Component {
       if (this.state.isOpen && this.state.isOpenedByKeyboard) {
         const dropList = document.querySelector('[data-role="droplistContent"]');
         if (dropList) {
-          const keyboardEvent = new KeyboardEvent('keydown', {
-            bubbles: true,
-            key: 'ArrowDown'
-          });
-          dropList.dispatchEvent(keyboardEvent);
+          // Add setTimeout so that if a dropdown item has tooltip,
+          // the tooltip won't be rendered until next render cycle
+          // when the droplist is correctly positioned.
+          // This makes tooltip appears at the correct position for the first dropdown item.
+          setTimeout(() => {
+            const keyboardEvent = new KeyboardEvent('keydown', {
+              bubbles: true,
+              key: 'ArrowDown'
+            });
+            dropList.dispatchEvent(keyboardEvent);
+          }, 0);
         }
       }
     }

package/dist/esm/ui/Dropdown.js

@@ -196,11 +196,17 @@ var Dropdown = /*#__PURE__*/function (_Component) {
         if (this.state.isOpen && this.state.isOpenedByKeyboard) {
           var dropList = document.querySelector('[data-role="droplistContent"]');
           if (dropList) {
-            var keyboardEvent = new KeyboardEvent('keydown', {
-              bubbles: true,
-              key: 'ArrowDown'
-            });
-            dropList.dispatchEvent(keyboardEvent);
+            // Add setTimeout so that if a dropdown item has tooltip,
+            // the tooltip won't be rendered until next render cycle
+            // when the droplist is correctly positioned.
+            // This makes tooltip appears at the correct position for the first dropdown item.
+            setTimeout(function () {
+              var keyboardEvent = new KeyboardEvent('keydown', {
+                bubbles: true,
+                key: 'ArrowDown'
+              });
+              dropList.dispatchEvent(keyboardEvent);
+            }, 0);
           }
         }
       }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/editor-plugin-floating-toolbar",
-  "version": "0.7.10",
+  "version": "0.7.11",
   "description": "Floating toolbar plugin for @atlaskit/editor-core",
   "author": "Atlassian Pty Ltd",
   "license": "Apache-2.0",
@@ -27,7 +27,7 @@
     "@atlaskit/adf-utils": "^19.0.0",
     "@atlaskit/button": "^16.17.0",
     "@atlaskit/checkbox": "^13.0.0",
-    "@atlaskit/editor-common": "^76.22.0",
+    "@atlaskit/editor-common": "^76.23.0",
     "@atlaskit/editor-palette": "1.5.2",
     "@atlaskit/editor-plugin-context-panel": "^0.2.0",
     "@atlaskit/editor-plugin-copy-button": "^1.0.0",
@@ -35,15 +35,15 @@
     "@atlaskit/editor-plugin-editor-disabled": "^0.2.0",
     "@atlaskit/editor-plugin-extension": "^0.4.0",
     "@atlaskit/editor-plugin-feature-flags": "^1.0.0",
-    "@atlaskit/editor-plugin-table": "^5.3.0",
+    "@atlaskit/editor-plugin-table": "^5.4.0",
     "@atlaskit/editor-prosemirror": "1.1.0",
     "@atlaskit/emoji": "^67.6.0",
     "@atlaskit/icon": "^22.0.0",
     "@atlaskit/menu": "^2.1.0",
-    "@atlaskit/modal-dialog": "^12.8.0",
+    "@atlaskit/modal-dialog": "^12.9.0",
     "@atlaskit/select": "^17.0.0",
     "@atlaskit/theme": "^12.6.0",
-    "@atlaskit/tokens": "^1.28.0",
+    "@atlaskit/tokens": "^1.29.0",
     "@atlaskit/tooltip": "^18.0.0",
     "@babel/runtime": "^7.0.0",
     "@emotion/react": "^11.7.1",