From c21e3282508d7581582a7762d963fcecd0fba1d9 Mon Sep 17 00:00:00 2001 From: Chris Joel Date: Tue, 5 Mar 2019 20:45:35 -0800 Subject: [PATCH] Fix overhanging focus ring in Chrome --- src/features/loading/status-announcer.ts | 13 +++++++++---- 1 file changed, 9 insertions(+), 4 deletions(-) diff --git a/src/features/loading/status-announcer.ts b/src/features/loading/status-announcer.ts index 3f01e22a4d..6659313cf3 100644 --- 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'; } /**