Scrollbar in dropdown field

Wishlist Calculator
1

With many options in the dropdown field the menu extends the website instead of giving the abilty to scroll in the menu. This is not very user-friendly.

2 Likes
2

Hey there @user14145 :wave:

Your idea sounds reasonable, thanks for sharing!

I see that my colleague Viktoria has already shared a custom solution from our devs, but we’ll try to consider making this feature built-in in the future updates :slightly_smiling_face:

3

Guys, if you want to add a scroll to the dropdown field, paste this code to the Custom CSS field on the Settings tab of your widget’s settings:

[class*="Dropdown__DropdownContainer-sc"] {
  max-height: 400px;
  overflow: auto;
}
1 Like
4

I added the following to the CSS code and this works well for me:
.kohGJb{
position: absolute;
top: 0px;
left: 0px;
overflow-y: scroll;
height: 50vh;
}

2 Likes
5

Hey there, @user3414 :wave:

A huge thank you for your involvement!

I’ve checked your widget and found that this code actually adds a scrollbar, but it’s not functioning quite right.

However, here is a general solution from our devs that should work great for all cases:

[class*="Dropdown__DropdownContainer-sc"] {
  max-height: 400px;
  overflow: auto;
}
1 Like