From c63ebf1bfe28e0ed0df7f4a264538ee0814b9202 Mon Sep 17 00:00:00 2001
From: mertsincan <sincan.mert@gmail.com>
Date: Tue, 16 Mar 2021 13:57:25 +0300
Subject: [PATCH] Refactor #1878 - For TieredMenu

---
 src/components/tieredmenu/TieredMenu.js | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/components/tieredmenu/TieredMenu.js b/src/components/tieredmenu/TieredMenu.js
index e686af17a2..bef7f99bf6 100644
--- 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>