fix(editable-html-tip-tap): prevent toolbar closing when clicking the page scrollbar inline-dropdown PIE-575

Author: arimieandreea

packages/editable-html-tip-tap/src/components/respArea/InlineDropdown.jsx

@@ -93,6 +93,18 @@ const InlineDropdown = (props) => {
     }
   }, [editor, node, selected]);
 
+
+  const isScrollbarClicked = (event) =>  event.clientX >= document.documentElement.clientWidth ||
+        event.clientY >= document.documentElement.clientHeight ||
+        // macOS overlay: target is document.documentElement or document.body directly
+        // when clicking the window scrollbar — never a child element
+        (
+            (event.target === document.documentElement || event.target === document.body) &&
+            // within 20px of the right or bottom edge of the viewport
+            (event.clientX >= window.innerWidth - 20 || event.clientY >= window.innerHeight - 20)
+        );
+  
+
   useEffect(() => {
     // Calculate position relative to selection
     const bodyRect = document.body.getBoundingClientRect();
@@ -105,6 +117,10 @@ const InlineDropdown = (props) => {
     });
 
     const handleClickOutside = (event) => {
+
+      if( isScrollbarClicked(event) ) {
+        return;
+      }
       const insideSomeEditor = event.target.closest('[data-toolbar-for]');
 
       if (