askinslack: fix ocassional broken scroll (#1514)

Author: MykolaGolubyev

znai-docs/znai/release-notes/1.90/fix-2026-04-19-ask-in-slack-extra-scroll.md

@@ -0,0 +1,2 @@
+* Fix: "Ask In Slack" and "Generate Link" no longer break scroll when switch to a different page from longer pager after
+selecting text at the bottom of a longer page

znai-reactjs/src/doc-elements/text-selection/TextSelectionMenu.tsx

@@ -25,6 +25,7 @@ import { fetchWithCredentials } from "../../utils/fetchWithCredentials";
 import { buildContext } from "./markdownContextBuilder";
 import { Notification } from "../../components/Notification";
 import { currentPageIdWithDocId } from "../../structure/DocumentationNavigation";
+import { TocItem } from "../../structure/TocItem";
 import "./TextSelectionMenu.css";
 
 export interface TextMenuListener {
@@ -42,7 +43,7 @@ export function removeTextMenuListener(listener: TextMenuListener) {
   textMenuListeners.splice(textMenuListeners.indexOf(listener), 1);
 }
 
-export function TextSelectionMenu({ containerNode }: { containerNode: HTMLDivElement }) {
+export function TextSelectionMenu({ containerNode, tocItem }: { containerNode: HTMLDivElement; tocItem: TocItem }) {
   const menuRef = useRef<HTMLDivElement>(null);
   const expandedPanelRef = useRef<HTMLDivElement>(null);
   const slackQuestionInputRef = useRef<HTMLTextAreaElement>(null);
@@ -67,6 +68,10 @@ export function TextSelectionMenu({ containerNode }: { containerNode: HTMLDivEle
     };
   }, [panelData]);
 
+  useEffect(() => {
+    hideMenu();
+  }, [tocItem]);
+
   function menuItems() {
     if (panelData) {
       return null;
@@ -290,6 +295,8 @@ export function TextSelectionMenu({ containerNode }: { containerNode: HTMLDivEle
   function hideMenu() {
     if (menuRef.current) {
       menuRef.current.style.visibility = "hidden";
+      menuRef.current.style.top = "0";
+      menuRef.current.style.left = "0";
     }
     setPanelData(null);
     if (slackQuestionInputRef.current) {

znai-reactjs/src/layout/DocumentationLayout.tsx

@@ -106,7 +106,7 @@ export function DocumentationLayout({
   function renderPageContent() {
     return (
       <div ref={contentRef} className={panelFullClassName}>
-        {contentRef.current && <TextSelectionMenu containerNode={contentRef.current} />}
+        {contentRef.current && <TextSelectionMenu containerNode={contentRef.current} tocItem={tocItem} />}
         {contentRef.current && <AllTextHighlights containerNode={contentRef.current} tocItem={tocItem} />}
         <div ref={contentRef} style={{ display: "contents" }}>
           {renderedPage}