I have been struggling with this for at least an hour and could use some help. Possibly this is just a bug, as I’ve exhausted all options I can think of on my own.
I have a page that includes a floating group. I have a reusable element (a header with a dropdown menu) on this same page. No matter how many times or in what exact fashion I use the Bring to Front and Send to Back on the various elements, I simply cannot get the reusable element to stay in front of the floating group on the page. The end result is that my page operates perfectly fine until I engage the dropdown menu, at which point the dropdown menu comes down, but the floating group persists visible through the reusable element’s dropdown.
I have tried moving everything in the reusable element to the front. I have tried moving the floating group in which the reusable element is placed to the front. I have tried moving the other annoying persistent floating group to the back. I have tried dozens of other random combinations and orders of specific elements within these groups. No matter what I do, this damn thing keep poking through the menu!
And to be clear it doesn’t really have to do with the dropdown aspect of the reusable element itself. When I moved the floating group up to the very top of the page just to test it, the text in the floating group continues to poke through the entire header, even though in the editor it is clearly positioned behind the header. I recreated this in the forum app. You can see it by previewing the page “floating_group_z-axis”, which uses the reusable element called “floating group testheader”.
Any help solving this would be appreciated!