@patternfly/documentation-framework 6.54.2 → 6.54.3

package/CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 6.54.3 (2026-10-22)
+
+
+### Bug Fixes
+
+* update useIsStuck to useEffect for prerendering, improve sticky tabs ([#5119](https://github.com/patternfly/patternfly-org/issues/5119)) ([bcfef08](https://github.com/patternfly/patternfly-org/commit/bcfef08817e6fad574a1498ce9ad4e9e5e51baa4))
+
+
+
+
+
 ## 6.54.2 (2026-10-22)
 
 **Note:** Version bump only for package @patternfly/documentation-framework

package/hooks/useIsStuck.js

@@ -1,33 +1,44 @@
-import { useState, useLayoutEffect, useRef } from 'react';
+import { useState, useEffect, useLayoutEffect, useRef } from 'react';
+
+// The prerenderer provides a partial document shim but no createElement.
+const useIsomorphicLayoutEffect =
+  typeof document !== 'undefined' && typeof document.createElement === 'function'
+    ? useLayoutEffect
+    : useEffect;
 
 export const useIsStuck = (stickyElementId) => {
   const [isStuck, setIsStuck] = useState(false);
   const prevIsStuck = useRef(false);
 
-  useLayoutEffect(() => {
+  useIsomorphicLayoutEffect(() => {
     const scrollElement = document.getElementById('ws-page-main');
     const stickyElement = document.getElementById(stickyElementId);
 
     if (!scrollElement || !stickyElement) {
-      if (prevIsStuck.current !== false) {
-        setIsStuck(false);
-        prevIsStuck.current = false;
-      }
+      prevIsStuck.current = false;
+      setIsStuck(false);
       return;
     }
 
     const syncFromScroll = () => {
-      const newIsStuck = scrollElement.scrollTop >= stickyElement.offsetTop;
-      // Only update state if the value actually changed
+      // Compare rendered positions: offsetTop may be relative to a different
+      // ancestor than the scrolling page container.
+      const scrollportTop = scrollElement.getBoundingClientRect().top + scrollElement.clientTop;
+      const stickyTop = stickyElement.getBoundingClientRect().top;
+      const newIsStuck = stickyTop <= scrollportTop + 1;
       if (prevIsStuck.current !== newIsStuck) {
-        setIsStuck(newIsStuck);
         prevIsStuck.current = newIsStuck;
+        setIsStuck(newIsStuck);
       }
     };
 
     syncFromScroll();
     scrollElement.addEventListener('scroll', syncFromScroll, { passive: true });
-    return () => scrollElement.removeEventListener('scroll', syncFromScroll);
+    window.addEventListener('resize', syncFromScroll);
+    return () => {
+      scrollElement.removeEventListener('scroll', syncFromScroll);
+      window.removeEventListener('resize', syncFromScroll);
+    };
   }, [stickyElementId]);
 
   return isStuck;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@patternfly/documentation-framework",
   "description": "A framework to build documentation for PatternFly.",
-  "version": "6.54.2",
+  "version": "6.54.3",
   "author": "Red Hat",
   "license": "MIT",
   "bin": {
@@ -92,5 +92,5 @@
     "http-cache-semantics": ">=4.1.1",
     "nanoid": "3.3.8"
   },
-  "gitHead": "a00d46198ac65f7be808450b1aef5e6d6f0a767d"
+  "gitHead": "d70cfbb0ceb909b7606254303b562518627cd027"
 }