How to change position reference?
I have a modal with backdrop. so i used position relative to the backdrop and abs to modal to fit in the center. Now i have another popup which is inside the modal. note there are few position relative parent inside the modal, so i cant use position abs. How to change reference point so i can use position from backdrop.
as you can see the popup is being added to the parent relative postion which is cause scroll in x direction, i want it to pop above the modal
7 Replies
without code, that's impossible to say
i cleaned up as much as i can. https://codepen.io/avinash-tallapaneni/pen/dygoXgq member-modal is the class name of that pop up
added root element to the code, so im not sure if it is reflecting to the public
If I understand correctly, the element with the red border is in the wrong place right now.
What I'm not sure about, is where you want it to be.
i wanted something like this.
existing code places the popup next to assign a member its not disconnected so there is someone overflow issues, i want it be in that place with reference to the backdrop(creamcolor container)/windows
Ah, right. The fun of declaring an
overflow-y is that means overflow-y can never be visible. Even if you declare it as visible, it won't be... just one of those CSS things, and a constraint of how the engines work, once you change how overflow is behaving.
Off the top of my head, the only thing I can think of is to have the new popup be a sibling of the modal, rather than nested inside of it.