PostHog session replay not rendering some critical DOM elements

[blakeley]

Bug Description

Bug description

My webpage features a search input with a dropdown with autocomplete suggestions. In session recordings of this page, PostHog is not rendering some layers that are elevated above others via z-index (the dark backdrop and the dropdown autocomple suggestions). I've reproduced this bug by verifying that these layers are rendering when in my browser window and then confirming that these elements are not shown in PostHog session recording.

Example of the above bug on PostHog cloud: https://us.posthog.com/shared/KrbD-s8TMAnWPQre5F0iIVPJasPInw

How to reproduce

1. Open https://www.miradorliving.com/quiz/assisted-living in Safari (other browsers probably work too)
2. Type in a city name into the input field, note that the backdrop and dropdown are visible
3. Watch the replay of this session, noting that the backdrop and dropdown are not visible

Additional context

I'm using Qwik City javascript framework and TailwindCSS, although I don't think either of these are relevant to the bug.

Debug info

- [ ] PostHog Cloud, Debug information:
Session: https://us.posthog.com/project/sTMFPsFhdP1Ssg/replay/018f7273-4dc7-7a46-8e87-74aa4f057a78?t=3147 
Admin: http://go/adminOrgUS/018d26e2-0602-0000-5932-06cb417f5d07 (Project: 50355)
Sentry: http://go/sentryUS/50355
- [ ] PostHog Hobby self-hosted with `docker compose`, version/commit: [please provide]
N/A; not self-hosted
- [ ] PostHog self-hosted with Kubernetes (deprecated, see [`Sunsetting Kubernetes support`](https://posthog.com/blog/sunsetting-helm-support-posthog)), version/commit: [please provide]
N/A; not self-hosted