From f676fed569e3bcf262871a1f0930ebf2f895829a Mon Sep 17 00:00:00 2001 From: Joey Parrish Date: Thu, 18 Mar 2021 13:47:19 -0700 Subject: [PATCH] fix(ui): Fix cross-browser focus outline It turns out that `-webkit-focus-ring-color` is no longer working across platforms in Chrome. It works on Mac, but not anywhere else. Removing it creates a consistent focus outline across browsers and platforms. It was only being used on Safari and Chrome anyway, neither of which seem to need it. Closes #2863 Change-Id: Ic6df1a10f14a0907558595e53bef80ac349e6b9d --- ui/less/buttons.less | 4 ---- 1 file changed, 4 deletions(-) diff --git a/ui/less/buttons.less b/ui/less/buttons.less index 2d2fd31785..547c21f745 100644 --- a/ui/less/buttons.less +++ b/ui/less/buttons.less @@ -92,10 +92,6 @@ /* Most browsers will fall back to "Highlight" (system setting) color for * the focus outline. */ outline: 1px solid Highlight; - - /* WebKit-based and Blink-based browsers have this as their default outline - * color. */ - outline: 1px solid -webkit-focus-ring-color; } /* Disable this Mozilla-specific focus ring, since we have an outline defined