Adding blur event to window to access activeElement | Fixes liferay…

…#956
matuzalemsteles · May 30, 2018 · 0608afe · 0608afe
1 parent 0754d60
commit 0608afe
Showing 1 changed file with 13 additions and 1 deletion.
diff --git a/packages/clay-dropdown/src/ClayDropdownBase.js b/packages/clay-dropdown/src/ClayDropdownBase.js
@@ -207,6 +207,17 @@ class ClayDropdownBase extends ClayComponent {
 		});
 	}
 
+	/**
+	 * Handles blur window in order to hide menu.
+	 * @private
+	 */
+	_handleWinBlur() {
+		const activeElement = document.activeElement;
+		if (activeElement != null && activeElement.nodeName === 'IFRAME') {
+			this._close();
+		}
+	}
+
 	/**
 	 * @inheritDoc
 	 */
@@ -225,7 +236,8 @@ class ClayDropdownBase extends ClayComponent {
 					'touchend',
 					this._handleDocClick.bind(this),
 					true
-				)
+				),
+				dom.on(window, 'blur', this._handleWinBlur.bind(this), true)
 			);
 		}
 	}