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

Author: fifoosid

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

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>