From 08272f93030176ec27d1da0f4741f48b39d62e9a Mon Sep 17 00:00:00 2001
From: Sandip Nirmal <sandipnirmal@icloud.com>
Date: Wed, 21 Aug 2019 12:49:49 +0530
Subject: [PATCH 1/2] Docs(Popup): Added example to use delay with Popup.

Added new example to use show/hide delay with the Popup component.
---
 .../modules/Popup/Usage/PopupExampleDelay.js       | 14 ++++++++++++++
 docs/src/examples/modules/Popup/Usage/index.js     |  5 +++++
 2 files changed, 19 insertions(+)
 create mode 100644 docs/src/examples/modules/Popup/Usage/PopupExampleDelay.js

diff --git a/docs/src/examples/modules/Popup/Usage/PopupExampleDelay.js b/docs/src/examples/modules/Popup/Usage/PopupExampleDelay.js
new file mode 100644
index 0000000000..47c3355201
--- /dev/null
+++ b/docs/src/examples/modules/Popup/Usage/PopupExampleDelay.js
@@ -0,0 +1,14 @@
+import React from 'react'
+import { Button, Popup } from 'semantic-ui-react'
+
+const PopupExampleDelay = () => (
+  <Popup
+    mouseEnterDelay={400}
+    mouseLeaveDelay={300}
+    openOnTriggerClick={false} // Disable opening it on click
+    content='Popup will hide in 300ms after leaving mouse.'
+    trigger={<Button>Open After 400ms</Button>}
+  />
+)
+
+export default PopupExampleDelay
diff --git a/docs/src/examples/modules/Popup/Usage/index.js b/docs/src/examples/modules/Popup/Usage/index.js
index ae5737c8e4..c76ea9b4f0 100644
--- a/docs/src/examples/modules/Popup/Usage/index.js
+++ b/docs/src/examples/modules/Popup/Usage/index.js
@@ -107,6 +107,11 @@ const PopupUsageExamples = () => (
       examplePath='modules/Popup/Usage/PopupExampleDefaultOpen'
       renderHtml={false}
     />
+    <ComponentExample
+      title='Delay'
+      description='A popup can have delay in showing and hiding. This avoids accidental popup visibility.'
+      examplePath='modules/Popup/Usage/PopupExampleDelay'
+    />
   </ExampleSection>
 )
 

From 66136c7ff0563611f690441aee86b59cc85d4dfd Mon Sep 17 00:00:00 2001
From: Oleksandr Fediashov <alexander.mcgarret@gmail.com>
Date: Wed, 21 Aug 2019 16:32:39 +0200
Subject: [PATCH 2/2] Update PopupExampleDelay.js

---
 .../examples/modules/Popup/Usage/PopupExampleDelay.js  | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/docs/src/examples/modules/Popup/Usage/PopupExampleDelay.js b/docs/src/examples/modules/Popup/Usage/PopupExampleDelay.js
index 47c3355201..c832f8ebdd 100644
--- a/docs/src/examples/modules/Popup/Usage/PopupExampleDelay.js
+++ b/docs/src/examples/modules/Popup/Usage/PopupExampleDelay.js
@@ -3,11 +3,11 @@ import { Button, Popup } from 'semantic-ui-react'
 
 const PopupExampleDelay = () => (
   <Popup
-    mouseEnterDelay={400}
-    mouseLeaveDelay={300}
-    openOnTriggerClick={false} // Disable opening it on click
-    content='Popup will hide in 300ms after leaving mouse.'
-    trigger={<Button>Open After 400ms</Button>}
+    content='Popup will hide in 500ms after leaving mouse.'
+    mouseEnterDelay={500}
+    mouseLeaveDelay={500}
+    on='hover'
+    trigger={<Button>Open After 500ms</Button>}
   />
 )