Scroll past bottom of popup with dropdown

I’ve got a problem with dropdowns on the bottom of popups.

Generally, when you open a popup, you can scroll the page only as far as the bottom of the popup. Problem is, if you have a dropdown on the bottom of the popup, that extends below it when open, it gets cut off with no way to scroll to the end of it.

Does anyone know how to fix this or get around it (other than moving the dropdown to a different position)?

e.g. - if you have the following popup with a dropdown at the bottom

When you open it in a small window, you can scroll down to here

Scroll End

When you open the dropdown, you’re stuck!

Open Dropdown

Hi @SJL,

If you’re using the new responsive engine, try adding a bottom margin to the popup. That should enable the page to scroll beyond the bottom of the dropdown.

Also FYI, there’s a different forum dedicated to the new responsive engine.

Hi @sudsy ,

Actually, this is with the old engine. I’ve also tried adding a margin with CSS, which doesn’t seem to help either.

Hmm, in that case, you might try this approach, except add some spacing to the bottom instead of top.

Thanks @sudsy,

I was thinking something similar to that - I’ll have to give it a go.

1 Like