fix(editable-html-tip-tap): use strict greater-than for scrollbar viewport check inlinedropdown PIE-575

Author: arimieandreea

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

@@ -464,6 +464,20 @@ describe('InlineDropdown', () => {
     expect(queryByTestId('inline-dropdown-toolbar')).toBeInTheDocument();
   });
 
+  it('does not close toolbar when clicking the page scrollbar (documentElement)', async () => {
+    const { queryByTestId } = render(<InlineDropdown {...defaultProps} selected={true} />);
+
+    await waitFor(() => {
+      expect(queryByTestId('inline-dropdown-toolbar')).toBeInTheDocument();
+    });
+
+    fireEvent.mouseDown(document.documentElement);
+
+    await waitFor(() => {
+      expect(queryByTestId('inline-dropdown-toolbar')).toBeInTheDocument();
+    });
+});
+
   it('renders delete control on portaled custom toolbar when container el is set', async () => {
     const { findByLabelText } = render(<InlineDropdown {...defaultProps} selected />);
     expect(await findByLabelText('Delete')).toBeInTheDocument();

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

@@ -94,15 +94,11 @@ 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)
-        );
+ 
+  const isScrollbarClicked = (event) =>
+    event.clientX > document.documentElement.clientWidth ||
+    event.clientY > document.documentElement.clientHeight ||
+    event.target === document.documentElement;
 
 
   useEffect(() => {