Changing focus outline for tabindex="-1" has undesired side effects

Created by: artopaavola

Removing indiscriminate outline suppression for tabindex="-1" elements in version 4.4.0 causes undesired side effects in vanilla js behaviour.

An example: When element.scrollIntoView() is used with focus() there will now be an outline around the element which has been scrolled into view. In case you are wondering, the focus must be programmatically moved to the element so that keyboard focus will also follow the scrollIntoView.

Tested on macOS with Chrome 79, Safari 13.04 and Firefox 71.0

• Focus outline is visible but shouldn't be CodePen: ScrollIntoView with focus in Bootstrap 4.4.1
• Focus outline is not visible which is correct CodePen: ScrollIntoView with focus in Bootstrap 4.3.1