Я обнаружил, что поле со списком Lightning создается с классом стиля slds-dropdown_length-10 по умолчанию. Я хочу уменьшить эту высоту выпадающего списка, но пока не могу найти способ сделать это.

Обертывание div с заданной высотой вокруг поля со списком Lightning ничего не дало. Предоставление Lightning-ComboBox класса slds-dropdown_length-5 не дало хороших результатов, я не вижу атрибута для установки в документации.

Серьезно ли Salesforce по умолчанию установила раскрывающийся список на 10 элементов и не предоставила НИКАКОЙ возможности изменить его для своего компонента LWC? Я нахожу это совершенно невероятным... Но я не нашел способа сделать это, начиная с тестирования различных css и заканчивая поиском обходного пути в Google.

1
Tyler Dahle 30 Апр 2020 в 21:58

2 ответа

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

1
Alba Rivas 29 Май 2020 в 11:45

Вы можете использовать .THIS .slds-form-element__control{ height:3rem }

0
Nabeel khan 29 Май 2020 в 09:51