How to apply CSS to AutoComplete' List from rsuite component

821 Views Asked by Nehlk At 05 April 2025 at 04:31

I'm tryin to apply style to the list of this component from Rsuite:

I wanna set a max-height, and overflow.

At the moment I tried to set style={{maxHeight: 150px}} but it applies to the InputContainer not the List.

There are 1 best solutions below

bas On 30 January 2021 at 11:19

You can target the popup list via css using the div.rs-picker-menu selector:

div.rs-picker-menu {
  max-height: 150px;
  overflow: scroll;
}