React Select: как заставить раскрывающийся список отображаться, чтобы работать над стилизацией?

Мне нужно поработать над стилем выпадающих опций React Select. Обычно я работаю со стилями CSS, используя Инструменты разработчика в Chrome, указываю на элемент на странице и начинаю настраивать свойства CSS на вкладке Стили. и посмотрите, как меняются элементы.

Проблема с оформлением параметров раскрывающегося списка React Select заключается в том, что параметры отображаются только тогда, когда элемент находится в фокусе. И как только я включаю Инструменты разработчика, элемент теряет фокус и раскрывающийся список исчезает!

Есть ли способ заставить React Select показывать раскрывающиеся варианты без фокуса элемента?


person vegemite4me    schedule 18.01.2018    source источник
comment
или вы можете попробовать реагировать на горячий загрузчик github.com/gaearon/react-hot-loader   -  person Ali Faris    schedule 18.01.2018


Ответы (1)


Установите React Developer Tools, чтобы вы могли принудительно установить isOpen состояние компонента Select в true. Тогда раскрывающееся меню останется открытым, когда вы возитесь с инструментами разработчика Chrome.

Вкладка React в инструментах разработчика Chrome

Источник

person Matias Kinnunen    schedule 22.01.2018