From: Patrick H. Lauke <redux@splintered.co.uk>
Date: Sun, 10 Jan 2021 14:41:49 +0000 (+0000)
Subject: Suppress focus outline for buttons when it shouldn't be visible in Chromium
X-Git-Tag: v4.6.0~17
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=dfe4810199f172e855dab7880c790b294aa50ee8;p=thirdparty%2Fbootstrap.git

Suppress focus outline for buttons when it shouldn't be visible in Chromium

Manual backport of https://github.com/twbs/bootstrap/pull/32689
---

diff --git a/scss/_reboot.scss b/scss/_reboot.scss
index 27498c0df4..cd93bfe240 100644
--- a/scss/_reboot.scss
+++ b/scss/_reboot.scss
@@ -307,6 +307,15 @@ button {
   border-radius: 0;
 }
 
+// Explicitly remove focus outline in Chromium when it shouldn't be
+// visible (e.g. as result of mouse click or touch tap). It already
+// should be doing this automatically, but seems to currently be
+// confused and applies its very visible two-tone outline anyway.
+
+button:focus:not(:focus-visible) {
+  outline: 0;
+}
+
 input,
 button,
 select,