Проблема:
Есть ли способ иметь выпадающий элемент управления в Web Components Material?
Я смотрю поведение Bootstrap Dropdowns :
Переключение контекстных оверлеев для отображения списков ссылок и более с помощью выпадающего плагина Bootstrap
Bootstrap с другой стороны hand, предназначены, чтобы быть обобщенными c и применимы к различным ситуациям и структурам разметки. Например, можно создать раскрывающиеся списки, которые содержат дополнительные входные данные и элементы управления формой, такие как поля поиска или формы входа.
Что я сделал:
Я хотел бы поместить эту форму поиска в раскрывающемся списке :
![enter image description here](https://i.stack.imgur.com/OV5rN.gif)
В настоящее время простой <div>
растет, я хотел бы, чтобы элемент управления перекрывал форму и автоматически закрывался, когда пользователь нажимал на форму (из элемента управления).
Что мне нужно:
Любая помощь или обходной путь также приветствуется. Возможно, элемент управления dropdown с формой является анти-шаблоном для Material, если это так, я хотел бы знать правильный шаблон для этого сценария.