EDIT: I was wrong originally... the issue is only if a container is used on <body>
CSS Containers create a new stacking context; if body has a CSS Container set on it, the layout for the lightbox breaks and no content or navigation is visible.
e.g.,
<body>
<main>
lightbox stuff
</main>
</body>body {
container: mainElement / inline-size;
}Now it's all broken.
Not entirely sure there's a viable "fix" for this, as it's a knock on side-effect of CSS Containers (which I think is honestly a design flaw in the spec).
Anyway, I originally thought it was on ANY element, but it's just the body that's a problem, and tbh it's likely rare someone will set a container on the body.
EDIT: I was wrong originally... the issue is only if a container is used on
<body>CSS Containers create a new stacking context; if body has a CSS Container set on it, the layout for the lightbox breaks and no content or navigation is visible.
e.g.,
Now it's all broken.
Not entirely sure there's a viable "fix" for this, as it's a knock on side-effect of CSS Containers (which I think is honestly a design flaw in the spec).
Anyway, I originally thought it was on ANY element, but it's just the body that's a problem, and tbh it's likely rare someone will set a container on the body.