[BUG] The Pointer Events for the DebugPlugin are getting blocked #1597 (

#1600)
microsoft · Jul 1, 2021 · 21dea6a · 21dea6a
1 parent 110b22f
commit 21dea6a
Showing 1 changed file with 2 additions and 6 deletions.
diff --git a/extensions/applicationinsights-debugplugin-js/src/components/styleNodeSrc.ts b/extensions/applicationinsights-debugplugin-js/src/components/styleNodeSrc.ts
@@ -18,6 +18,7 @@ console.log(Util.getIEVersion());
 
 export const tempStyle = (prefix: string) => `
   .${prefix}-dbg-lgr-dashboard {
+    z-index: 1000
   }
 
   .${prefix}-dbg-lgr-dashboard .controls {
@@ -41,7 +42,7 @@ export const tempStyle = (prefix: string) => `
     display: inline-block;
     position: relative;
     padding: 3px 20px;
-    z-index: 1;
+    z-index: 1010
   }
 
   .${prefix}-dbg-lgr {
@@ -126,11 +127,6 @@ export const tempStyle = (prefix: string) => `
     text-decoration: underline;
   }
 
-  .${prefix}-dbg-lgr :not(div span.obj-key) {
-    font-weight: bold;
-    pointer-events: none;
-  }
-
   .${prefix}-dbg-lgr .obj-time {
     padding-right: 15px;
     color: #605E5C;