IE11 + Bootstrap vue Issue focusable elements have multiple black border when visited

1
votes

Hi @all Need help to resolve a IE11 / Edge + Bootstrap vue + b-modal issue.We are seeing multiple black lines when we focus / active on button, input boxes (Please refer to screenshot below). We were able to replicate in bootstrap vue sanbox also (https://bootstrap-vue.js.org/docs/components/modal/)Same happens in our project too which has below dependencies

"bootstrap": "^4.3.1", "bootstrap-vue": "^2.0.2" // Able to replicate in sandbox too

Steps to replicate the issue: hover or focus on elements [Sanbox issue replicated 1][2] Sanbox issue replicated 2 enter image description here

1
bootstrap-vue

1 Answers

0
votes

Do you have any addons/extensions that may be causing any issues or conflicts? I do not see the issue on IE11 (docs site is using BootstrapVue v2.1.0):

enter image description here