diff --git a/src/components/overlaypanel/OverlayPanel.vue b/src/components/overlaypanel/OverlayPanel.vue
index d08839df2..4ce7a41f1 100755
--- a/src/components/overlaypanel/OverlayPanel.vue
+++ b/src/components/overlaypanel/OverlayPanel.vue
@@ -22,6 +22,7 @@ import Portal from 'primevue/portal';
 export default {
     name: 'OverlayPanel',
     inheritAttrs: false,
+    emits: ['show', 'hide'],
     props: {
 		dismissable: {
 			type: Boolean,
@@ -52,18 +53,20 @@ export default {
             default: null
         }
     },
-    emits: ['show', 'hide'],
     data() {
         return {
             visible: false
         }
     },
     watch: {
-        dismissable(newValue) {
-            if (newValue) {
-                this.bindOutsideClickListener();
-            } else {
-                this.unbindOutsideClickListener();
+        dismissable: {
+            immediate: true,
+            handler(newValue) {
+                if (newValue) {
+                    this.bindOutsideClickListener();
+                } else {
+                    this.unbindOutsideClickListener();
+                }
             }
         }
     },