Overflowing child on top of a parent container that has an overflow scroll
hey, does anyone know how instagram does this? The comment box, which we can consider as the parent container, has an overflow, however, its elements like the tooltip, when you hover over a user profile, is able to exceed or get on top of its parent container.
How does one does this? Is the tooltip fixed? Cause from what I know absolutely positioned element cannot exceed its parent container especially if the container has an overflowscroll
https://streamable.com/6zgie6
1 Reply
i will be done with javascript.
on the hover you get the x-y position of the element.
the pop up will be placed position: fixed (relative to the window) with that x-y position in mind