fix(ui5-popup): prevent interaction with the content under the popup (#…

…2119)
SAP · Aug 19, 2020 · d6ffa48 · d6ffa48
1 parent e282fc8
commit d6ffa48
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 1 deletion.
diff --git a/packages/main/src/Popup.js b/packages/main/src/Popup.js
@@ -204,6 +204,13 @@ class Popup extends UI5Element {
 		return staticAreaStyles;
 	}
 
+	/**
+	 * Prevents the user from interacting with the content under the block layer
+	 */
+	_onBlockLayerKeyDown(event) {
+		event.preventDefault();
+	}
+
 	/**
 	 * Temporarily removes scrollbars from the body
 	 * @protected

diff --git a/packages/main/src/PopupBlockLayer.hbs b/packages/main/src/PopupBlockLayer.hbs
@@ -1 +1,6 @@
-<div class="ui5-block-layer" ?hidden={{_blockLayerHidden}} style="{{styles.blockLayer}}"></div>
+<div class="ui5-block-layer"
+    ?hidden={{_blockLayerHidden}}
+    tabindex="1"
+    style="{{styles.blockLayer}}"
+	@keydown="{{_onBlockLayerKeyDown}}">
+</div>