I have a “content area” bounded by a floating group on the left and a floating group on top. The Floating groups are menus and input boxes that are always visible, no collapse. The content are has stacked groups the same size and location. Everything works fine, except the groups in that content are scroll up under the floating menus on top. I want them to remain static and have tried everything, including several guesses when I ran out of options. Is there something obvious that I am missing to pin the Group ContentStage (the background for all groups in content area) in place?
if the content is longer that group height with scrolling enabled or group is fitting height to content which is longer than VPH then they will definitely scroll up but you can add a top margin/padding to the group that positions it below the fg on top no matter the group height.
ah yeah this happens all the time, super annoying. your content is scrolling under the floating menus because there’s no space reserved for them at the top.
just add top padding to your Group ContentStage equal to whatever height your top floating menu is. so if that menu is like 80px tall, push your content group down 80px from the top. same deal for the left side if you got a side menu.
basically floating groups sit on their own layer above everything, so you gotta manually create that gap or your stuff will scroll right under them. check your page padding too, might need to add some there as well.
Thank you, Hanan. I appreciate your help.
I don’t have any elements larger than the group they are in, except for one group that has dynamic text linked to an API call. The wrapper to that text allows scrolling, so the text when loaded is potentially larger than its group. But when I Preview, the scrolling begins immediately, before the API is even made.
I tried placing a group behind top FG and it pushes that up as well. I just can’t get anything to pin that content area in place.