Add isolation:isolate to prevent focus being overlapped

https://github.com/twbs/bootstrap/pull/32630#issuecomment-756015766
2021-01-09 22:18:50 +00:00 · 2021-01-09 22:18:50 +00:00 · 9e27cc065a
commit 9e27cc065a
parent e92a2a565d
1 changed files with 2 additions and 0 deletions
--- a/scss/_nav.scss
+++ b/scss/_nav.scss
@ -50,6 +50,8 @@
    &:hover,
    &:focus {
      border-color: $nav-tabs-link-hover-border-color;
+      // Prevents active .nav-link tab overlapping focus outline of previous/next .nav-link
+      isolation: isolate;
    }

    &.disabled {