Bug 308657 – Nested children of popover fail to render when position:absolute

• Status: RESOLVED
• Resolution: FIXED
• Component: Layout and Rendering

[MekalaA]

Description:

When elements are nested in popover with position:absolute, they fail to render completely. Some of the deep nested children elements are rendered but the first level child element fails to load background-color like an unfinished paint. 

Expected: 
All elements wrapped in popover renders completely.

Reproduction:
1. live reproduction: https://developers.arcgis.com/calcite-design-system/components/input-date-picker/
2. Scroll to the component sample section.
3. Click on input to open date-picker.
4. observe date-picker background is still transparent & year select menu is missing value where as day's are rendered.
5. hover on to the date-picker, observe date-picker is repainted and all elements are rendered.

Workaround:
- Setting overlay-position to `absolute` which translates to position:absolute on the popover element fix the issue.
- Workaround sample: https://codepen.io/anvesh-mekala/pen/jEMEOXx

[MekalaA]

(In reply to MekalaA from comment #0)

> Workaround:
> Setting overlay-position to `absolute` which translates to position:absolute on the popover element fix the issue.


[Edit] Setting overlay-position to `fixed` which translates to position:fixed on the popover element fixes the issue.

[Radar WebKit Bug Importer]

<rdar://problem/171735933>

[Karl Dubost]

Hello MekalaA
I tried again today on STP 238.
and there is no issue.

Or did the website change?

[Mel]

Hi Karl, I added the example MekalaA was referring to in this codepen. https://codepen.io/DintaMel-the-lessful/pen/dPpzZod?editors=100

I'm still seeing the transparent background as well as the missing value for the month select menu and the missing days of the week.

[Simon Fraser (smfr)]

Autospade says this regressed at 295968@main. I can reproduce.

[Karl Dubost]

Excellent I have been able to reproduce too, but not all the time. Interesting. And sometimes it looks like slow painting, as after a little while the rendering is correct.

[Simon Fraser (smfr)]

It's always bad the first time. Reloading makes it happen again.

[alan]

Created attachment 478793 [details]
Patch

[alan]

Created attachment 478814 [details]
Patch

[alan]

Created attachment 478815 [details]
[fast-cq]Patch

[EWS]

Committed 310019@main (5761cdbb640c): <https://commits.webkit.org/310019@main>

All reviewed patches have been landed. Closing bug and clearing flags on attachment 478815 [details].