Chapter 13 · Example 6 · React portals and why do we need them

The stacking context trap

A realistic layout with a sticky z-index header and translated panels breaks the dialog, which now mispositions and slides under the header from the stacking trap.