Menu icon Foundation
Foundation Reveal Modals Scrolling

So, I have a Reveal Modal and I want to force it to work like how Trello works (https://trello.com/c/MOzvXJUq/1397-complete-trello-api-v1).

Is this possible for the current Reveal Modal or would it be more hacking than one would deem worth it?

revealmodalscrolling

So, I have a Reveal Modal and I want to force it to work like how Trello works (https://trello.com/c/MOzvXJUq/1397-complete-trello-api-v1).

Is this possible for the current Reveal Modal or would it be more hacking than one would deem worth it?

Hans McMurdy about 5 years ago

Use the source luke. jk

You have to change the overflow property on the page and on the model.

James Dobry almost 5 years ago

The page source code has it's own Overflow properties - that is fine.

The issue here, is the modal is not contained within the overlay_bg. The overlay_bg prevents the page content from scrolling, but since this does not contain the modal, it will never scroll the modal.

Brenton Lang almost 5 years ago

Hi James, I'm also needing something similar to this.

Have you come across a solution yet?

James Dobry almost 5 years ago

@Brenton Lang, I have not come across anything yet. I think since the way Foundation's Reveal is comprised, this is not possible out of the box. I am going to try to make it work by 'hacking' Foundation after it opens.

The only other quick-fix option is to make the content inside of the Reveal be scrollable and always make sure it is within the viewport, but I think that makes it look 'ugly.'