Modal in a CMS collection position fixed issue

Design help General
1

Hello fellow Webflowers! :slight_smile:

I’ve run into an issue that grinds my gears, and I’m hoping someone can help me out.

I implemented a modal within a CMS collection, set to position: fixed (Relative to the body). Obviously, the modal should overlay the whole viewport,but it’s only overlaying the Collection List Wrapper area.

Setting the collection list to position absolute solves the problem, but messes with the grid.

positioningfixed
positioningfixed1920×1021 83.3 KB

PS: The scrolling is disabled via Custom CSS:

.overflow-hidden { overflow:hidden; }

Many thanks!
Felix :slight_smile:

Here is my site Read-Only

Here is my site Published

2

Hey Felix I can’t check just now but I happened to build this yesterday;
During it I encountered a similar problem and it had to do with the way HTML handles flex containers.

If you look at the cloneable or readonly here, you’ll see the element arrangement and layouts I ended up using, which worked.

1 Like
3

Hey memetican, you guys are too kind for reaching out to me with your clonable! :slight_smile:

I found the solution and it was simpler than i thought!

The parent wrapper had an effect enabled – by simply removing it, the fixed positioning is working just like intended!

Cheers! <3