fix(backdrop-click): Prevent click element under backdrop because of …

…propagation #20
smollweide · Oct 27, 2017 · 0ddd5e4 · 0ddd5e4
1 parent ac1fa21
commit 0ddd5e4
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 2 deletions.
diff --git a/.eslintignore b/.eslintignore
@@ -3,3 +3,4 @@
 /node_modules/
 /public/
 /coverage/
+/build/
diff --git a/src/components/speed-dial/speed-dial.js b/src/components/speed-dial/speed-dial.js
@@ -209,9 +209,14 @@ class SpeedDial extends React.Component {
 	}
 
 	/**
+	 * @param {Event} event - the click event object
 	 * @returns {void}
 	 */
-	handleClickBackdrop() {
+	handleClickBackdrop(event) {
+		if (event && typeof event.stopPropagation === 'function') {
+			event.stopPropagation();
+		}
+
 		/* istanbul ignore next */
 		this.updateState({
 			isOpen: false,
@@ -260,7 +265,7 @@ class SpeedDial extends React.Component {
 			return;
 		}
 
-		this.handleClickBackdrop();
+		this.handleClickBackdrop(event);
 	}
 
 	/**