diff --git a/components/doc/panelmenu/controlleddoc.js b/components/doc/panelmenu/controlleddoc.js
index f3ebf54cda..95d33aa691 100644
--- a/components/doc/panelmenu/controlleddoc.js
+++ b/components/doc/panelmenu/controlleddoc.js
@@ -1,7 +1,7 @@
 import { DocSectionCode } from '@/components/doc/common/docsectioncode';
 import { DocSectionText } from '@/components/doc/common/docsectiontext';
-import { PanelMenu } from '@/components/lib/panelmenu/PanelMenu';
 import { Button } from '@/components/lib/button/Button';
+import { PanelMenu } from '@/components/lib/panelmenu/PanelMenu';
 import { useState } from 'react';
 
 export function ControlledDoc(props) {
@@ -103,7 +103,7 @@ export function ControlledDoc(props) {
         basic: `
 <div className="card flex flex-column align-items-center gap-3">
     <Button type="button" label="Toggle All" text onClick={() => toggleAll()} />
-    <PanelMenu model={items} className="w-full md:w-20rem" multiple />
+    <PanelMenu model={items} expandedKeys={expandedKeys} onExpandedKeysChange={setExpandedKeys} className="w-full md:w-20rem" multiple />
 </div>  
 `,
         javascript: `
@@ -209,7 +209,7 @@ export default function ControlledDemo() {
     return (
         <div className="card flex flex-column align-items-center gap-3">
             <Button type="button" label="Toggle All" text onClick={() => toggleAll()} />
-            <PanelMenu model={items} className="w-full md:w-20rem" multiple />
+            <PanelMenu model={items} expandedKeys={expandedKeys} onExpandedKeysChange={setExpandedKeys} className="w-full md:w-20rem" multiple />
         </div>
 
     )
@@ -317,8 +317,8 @@ export default function ControlledDemo() {
     return (
         <div className="card flex flex-column align-items-center gap-3">
             <Button type="button" label="Toggle All" text onClick={() => toggleAll()} />
-            <PanelMenu model={items} className="w-full md:w-20rem" multiple />
-        </div>
+            <PanelMenu model={items} expandedKeys={expandedKeys} onExpandedKeysChange={setExpandedKeys} className="w-full md:w-20rem" multiple />
+            </div>
     )
 }
         `
diff --git a/components/lib/listbox/ListBox.js b/components/lib/listbox/ListBox.js
index 40d8ddda5e..7377e05e81 100644
--- a/components/lib/listbox/ListBox.js
+++ b/components/lib/listbox/ListBox.js
@@ -558,7 +558,7 @@ export const ListBox = React.memo(
                 DomHandler.focus(firstHiddenFocusableElement.current);
             }
 
-            astHiddenFocusableElement.current.tabIndex = -1;
+            lastHiddenFocusableElement.current.tabIndex = -1;
         };
 
         const getOptionGroupRenderKey = (optionGroup) => {
diff --git a/components/lib/panelmenu/PanelMenu.js b/components/lib/panelmenu/PanelMenu.js
index 8957d70828..1a4eb154c3 100644
--- a/components/lib/panelmenu/PanelMenu.js
+++ b/components/lib/panelmenu/PanelMenu.js
@@ -190,7 +190,7 @@ export const PanelMenu = React.memo(
                 setActiveItemState(_activeItemState);
 
                 if (props.multiple) {
-                    const activeItems = activeItemsState;
+                    let activeItems = activeItemsState;
 
                     if (
                         activeItemsState.some((subItem) => {
diff --git a/components/lib/splitbutton/SplitButtonBase.js b/components/lib/splitbutton/SplitButtonBase.js
index af7037582c..977349f698 100644
--- 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
index b0bee3f531..ffd1070bbc 100644
--- a/components/lib/tieredmenu/TieredMenu.js
+++ b/components/lib/tieredmenu/TieredMenu.js
@@ -563,12 +563,9 @@ export const TieredMenu = React.memo(
         };
 
         const alignOverlay = () => {
-            DomHandler.absolutePosition(containerRef.current, targetRef.current);
-            const targetWidth = DomHandler.getOuterWidth(targetRef.current);
+            const calculateMinWidth = DomHandler.getOuterWidth(targetRef.current) > DomHandler.getOuterWidth(containerRef.current);
 
-            if (targetWidth > DomHandler.getOuterWidth(containerRef.current)) {
-                containerRef.current.style.minWidth = DomHandler.getOuterWidth(targetRef.current) + 'px';
-            }
+            DomHandler.alignOverlay(containerRef.current, targetRef.current, props.appendTo, calculateMinWidth);
         };
 
         const onEnter = () => {