Fixed #2304 - Overlay panel hide when clicking on a label inside of it

primefaces · Sep 21, 2021 · 1c4fc7b · 1c4fc7b
1 parent 163fbf3
commit 1c4fc7b
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/src/components/overlaypanel/OverlayPanel.js b/src/components/overlaypanel/OverlayPanel.js
@@ -134,6 +134,10 @@ export class OverlayPanel extends Component {
         });
     }
 
+    onContentClick() {
+        this.isPanelClicked = true;
+    }
+
     toggle(event, target) {
         if (this.state.visible) {
             this.hide();
@@ -290,7 +294,7 @@ export class OverlayPanel extends Component {
             <CSSTransition nodeRef={this.overlayRef} classNames="p-overlaypanel" in={this.state.visible} timeout={{ enter: 120, exit: 100 }} options={this.props.transitionOptions}
                 unmountOnExit onEnter={this.onEnter} onEntered={this.onEntered} onExit={this.onExit} onExited={this.onExited}>
                 <div ref={this.overlayRef} id={this.props.id} className={className} style={this.props.style} onClick={this.onPanelClick}>
-                    <div className="p-overlaypanel-content">
+                    <div className="p-overlaypanel-content" onClick={this.onContentClick} onMouseDown={this.onContentClick}>
                         {this.props.children}
                     </div>
                     {closeIcon}