fix(flat-pages): fix shortcuts style on big class room (#1911)

netless-io · May 5, 2023 · a892177 · a892177
1 parent bd2edc2
commit a892177
Showing 1 changed file with 11 additions and 1 deletion.
diff --git a/packages/flat-pages/src/components/Shortcuts/Shortcuts.tsx b/packages/flat-pages/src/components/Shortcuts/Shortcuts.tsx
@@ -26,7 +26,7 @@ export const Shortcuts = observer<ShortcutsProps>(function Shortcuts({ classroom
     );
     const { height: windowHeight } = useWindowSize();
     const rect = useBoundingRect(target);
-    const isAvatarWindow = useMemo(() => target?.classList.contains("window-main"), [target]);
+    const isAvatarWindow = useMemo(() => hasAncestorWithClassName(target, "window-main"), [target]);
     const style = useMemo<React.CSSProperties | undefined>(
         () =>
             rect && activeUser
@@ -155,3 +155,13 @@ export const Shortcuts = observer<ShortcutsProps>(function Shortcuts({ classroom
         </div>
     );
 });
+
+function hasAncestorWithClassName(el: HTMLElement | null, className: string): boolean {
+    if (!el) {
+        return false;
+    }
+    if (el.classList.contains(className)) {
+        return true;
+    }
+    return hasAncestorWithClassName(el.parentElement, className);
+}