Add a new property autoCloseEnableDelay

core-overlay.html

@@ -186,6 +186,17 @@ <h2>Dialog</h2>
        */
       autoCloseDisabled: false,
 
+      /**
+       * By default the autoClose listener will activate immediately.  If
+       * you need to delay the auto-close (for example, if you wish to
+       * show the overlay in a hold event), you set this property to the
+       * number of milliseconds the listener should delay before attaching
+       * @attribute autoCloseEnableDelay
+       * @type number
+       * @default 0
+       */
+      autoCloseEnableDelay: 0,
+
       /**
        * By default an overlay will focus its target or an element inside
        * it with the `autoFocus` attribute. Disable this
@@ -378,7 +389,7 @@ <h2>Dialog</h2>
           this.enableElementListener(this.opened, document,
               this.captureEventName, 'captureHandler', true);
         }
-      });
+      }, null, this.autoCloseEnableDelay);
       this.enableElementListener(this.opened, window, 'resize',
           'resizeHandler');