с использованием выпадающего списка в нижнем листе углового материала

Question

Я использую нижний лист в приложении на основе проекта с угловым материалом (https://material.angularjs.org/latest/#/demo/material.components.bottomSheet). У меня есть форма внутри нижнего листа с ползунком, элементами ввода и выпадающим списком. На рабочем столе все работает нормально, но на планшете или телефоне я не могу прокрутить все варианты в раскрывающемся списке. Когда я эмулирую свиток на планшете/мобильном устройстве, нижний лист перемещается, но не выпадающий список. Я попытался найти решение этой проблемы, но не нашел большой поддержки в Интернете. Есть ли способ отключить события салфетки на нижнем листе или альтернативный метод решения проблемы, с которой я столкнулся?

Answer 1

Мне удалось решить проблему прокрутки с помощью md-select в нижнем листе на экране планшета и телефона, используя собственный выбор выпадающего списка, используя классы скрыть-gt-md и hide-sm material css.

<md-bottom-sheet> 
    <md-select hide-sm hide-md options...> 
    </md-select> 

    <select hide-gt-md options...> 
    </select> 
</md-bottom-sheet>