Fix primefaces#5921 - SplitButton appendTo="self" placement is wrong

gucal · Feb 8, 2024 · 3eb9358 · 3eb9358
1 parent 1def48d
commit 3eb9358
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 3 deletions.
diff --git a/components/lib/splitbutton/SplitButtonBase.js b/components/lib/splitbutton/SplitButtonBase.js
@@ -69,7 +69,7 @@ export const SplitButtonBase = ComponentBase.extend({
         id: null,
         label: null,
         icon: null,
-        autoZIndex: false,
+        autoZIndex: true,
         baseZIndex: 0,
         loading: false,
         loadingIcon: null,

diff --git a/components/lib/tieredmenu/TieredMenu.js b/components/lib/tieredmenu/TieredMenu.js
@@ -563,10 +563,12 @@ export const TieredMenu = React.memo(
         };
 
         const alignOverlay = () => {
-            DomHandler.absolutePosition(containerRef.current, targetRef.current);
             const targetWidth = DomHandler.getOuterWidth(targetRef.current);
+            const calculateMinWidth = targetWidth > DomHandler.getOuterWidth(containerRef.current);
 
-            if (targetWidth > DomHandler.getOuterWidth(containerRef.current)) {
+            DomHandler.alignOverlay(containerRef.current, targetRef.current, props.appendTo, calculateMinWidth);
+
+            if (calculateMinWidth) {
                 containerRef.current.style.minWidth = DomHandler.getOuterWidth(targetRef.current) + 'px';
             }
         };