Bulma Navbar Dropdowns не работает в Internet Explorer 11

Question

Когда я перехожу к разделу панели навигации в документации Bulma (https://bulma.io/documentation/components/navbar/) с использованием Internet Explorer 11), раскрывающиеся меню ссылок панели навигации не отображаются, даже если им присвоен класс «is-active». Это такжемой опыт работы с моим собственным кодом. Есть ли какое-нибудь заполнение или исправление для этого?

Answer 1

Я столкнулся с такой же проблемой, когда использовал Bulma в своем проекте Gatsby.Я не уверен, что именно это вызывает, но, к счастью, мне удалось довольно легко это исправить.Правила стиля, которые идут вместе с классом Bulma "is-hoverable", очень просты.Я просто добавил это в свою таблицу стилей (или в моем случае компонент с элементами стиля):

    @media (min-width: 1088px) {
     .navbar-item.is-hoverable:hover .navbar-dropdown {
        display: block;
        }
    }

Это повторяет то, что уже есть в стилях Bulma.

Вы, конечно, можете замазать этонемного с некоторыми другими свойствами и переходами и т. д. Конечно, я понимаю, что этот вид отрицает удобство использования CSS-фреймворка и возможность просто добавлять некоторые классы в элемент, чтобы заставить его делать что-то.

Я видел в других местах, что ранее были проблемы с IE11 с Bulma.Не могу вспомнить, кем они были или были ли они решены.Я думаю, что я понимаю, что я не могу рассчитывать на то, что хорошие люди в Булме сделают это приоритетом, если это будет определено как проблема.Возможно, стоит изучить причину и сделать запрос на извлечение.

Надеюсь, это поможет!