Refactor #1878 - For TieredMenu

primefaces · Mar 16, 2021 · c63ebf1 · c63ebf1
1 parent 0a63483
commit c63ebf1
Showing 1 changed file with 6 additions and 1 deletion.
diff --git a/src/components/tieredmenu/TieredMenu.js b/src/components/tieredmenu/TieredMenu.js
@@ -47,6 +47,7 @@ export class TieredMenu extends Component {
         this.onEnter = this.onEnter.bind(this);
         this.onEntered = this.onEntered.bind(this);
         this.onExit = this.onExit.bind(this);
+        this.onExited = this.onExited.bind(this);
         this.onPanelClick = this.onPanelClick.bind(this);
 
         this.id = this.props.id || UniqueComponentId();
@@ -109,6 +110,10 @@ export class TieredMenu extends Component {
         this.unbindScrollListener();
     }
 
+    onExited() {
+        DomHandler.revertZIndex();
+    }
+
     bindDocumentListeners() {
         this.bindDocumentClickListener();
         this.bindDocumentResizeListener();
@@ -188,7 +193,7 @@ export class TieredMenu extends Component {
 
         return (
             <CSSTransition nodeRef={this.menuRef} classNames="p-connected-overlay" in={this.state.visible} timeout={{ enter: 120, exit: 100 }}
-                unmountOnExit onEnter={this.onEnter} onEntered={this.onEntered} onExit={this.onExit}>
+                unmountOnExit onEnter={this.onEnter} onEntered={this.onEntered} onExit={this.onExit} onExited={this.onExited}>
                 <div ref={this.menuRef} id={this.id} className={className} style={this.props.style} onClick={this.onPanelClick}>
                     <TieredMenuSub model={this.props.model} root popup={this.props.popup} />
                 </div>