Стили выпадающего элемента меняются, когда я проверяю его в Chrome Devtools - PullRequest
0 голосов
/ 22 ноября 2018

Фон

Я работаю над ранним сайтом Django + Vue, который использует тему Bootstrap Maisonette .Часть веб-сайта представляет собой обычные шаблоны, отображаемые в Django, а часть веб-сайта представляет собой одностраничное приложение.

Мне было поручено настроить панель навигации для одностраничного приложения Vue в соответствии с панелью навигации вТема мезонета.

Проблема

Когда я просматриваю раскрывающийся список панели навигации в SPA и наводю курсор на различные элементы, стилизация не корректна;каждый выпадающий элемент должен иметь фиолетовый фон.Вместо этого цвет шрифта меняется на более яркий белый (см. Изображение ниже):

enter image description here

Что странно, когда я пытаюсь проверить элемент в Chrome Devtools, он немедленно переключается на использование правильного стиля (см. изображение ниже):

enter image description here

Это происходит только в SPA;строго веб-часть Django правильно отображает выпадающие элементы.

Я предполагаю, что происходит

Я подозреваю, что это как-то связано с комплектацией приложения, ноЯ не уверен.

...