IE11 + Bootstrap vue Issue элементы, на которых можно сфокусироваться, имеют несколько черных рамок при посещении

Привет, @all Нужна помощь в решении проблемы IE11 / Edge + Bootstrap vue + b-modal. Когда мы фокусируемся / активизируем кнопку, поля ввода (см. Снимок экрана ниже), мы видим несколько черных линий. Мы также смогли воспроизвести в начальной загрузке vue sanbox (https://bootstrap-vue.js.org/docs/components/modal/)Same происходит и в нашем проекте, который имеет следующие зависимости

"bootstrap": "^ 4.3.1", "bootstrap-vue": "^ 2.0.2" // Возможна репликация и в песочнице

Действия по воспроизведению проблемы: наведите указатель мыши на элементы или сфокусируйтесь на них [проблема с Sanbox воспроизведена 1] [2] Проблема с Sanbox реплицировано 2  введите описание изображения здесь


person Sridhanya    schedule 21.11.2019    source источник


Ответы (1)


Есть ли у вас какие-либо надстройки / расширения, которые могут вызывать проблемы или конфликты? Я не вижу проблемы в IE11 (сайт документации использует BootstrapVue v2.1.0):

введите здесь описание изображения

person Troy Morehouse    schedule 21.11.2019
comment
Я изменил снимок экрана в предыдущем, пожалуйста, просмотрите. Проблема воспроизводится в песочнице, и последние шаги начальной загрузки vue tooo для репликации 1) Наведите указатель мыши на элементы, которые находятся внутри модального окна 2) Может видеть несколько строк. Пример HTML доступен по адресу Образец кода Загрузите и запустите IE ** Примечание: unpkg.com/bootstrap-vue@latest/dist/bootstrap-vue.js - person Sridhanya; 25.11.2019
comment
CSS для включения этой анимации поможет. Также создайте jira на своей доске github.com/bootstrap-vue/bootstrap-vue / issues / 4422 - person Sridhanya; 25.11.2019