Fix overhanging focus ring in Chrome

google · Mar 6, 2019 · c21e328 · c21e328
1 parent 7603226
commit c21e328
Showing 1 changed file with 9 additions and 4 deletions.
diff --git a/src/features/loading/status-announcer.ts b/src/features/loading/status-announcer.ts
@@ -74,10 +74,15 @@ export class LoadingStatusAnnouncer extends EventDispatcher {
 
   constructor() {
     super();
-    this.statusElement.setAttribute('role', 'status');
-    this.statusElement.style.position = 'absolute';
-    this.statusElement.style.color = 'transparent';
-    this.statusElement.style.pointerEvents = 'none';
+    const {statusElement} = this;
+    const {style} = statusElement;
+
+    statusElement.setAttribute('role', 'status');
+
+    style.position = 'absolute';
+    style.color = 'transparent';
+    style.top = style.left = style.margin = '0';
+    style.pointerEvents = 'none';
   }
 
   /**