PiP call window is see-through — the timeline underneath shows through the transparent EC surface #224

New Issue

2026-09-19T00:37:30-04:00

jared commented

2026-09-19 00:37:30 -04:00

Since the fork's native transparent background (lotusTransparent=1, so the room wallpaper shows through the embedded call), the same surface is used in PiP mode, where the thing behind the iframe is the text room you navigated to. Timestamps/messages of that timeline are visible inside the PiP window behind the participant tiles (see pip-badges.png on #173: "Yesterday 07:51 PM" is the Busy Room timeline showing through).

Expected: PiP has an opaque (or wallpaper-only) backdrop; only the full-size embed should be transparent.

Where: CallEmbedProvider.tsx PiP container / CallEmbed.buildStyleContent() — give the PiP frame a solid background (surface colour or the wallpaper), or send the fork a lotusTransparent toggle when entering/leaving PiP.

Severity: polish; it reads as a rendering glitch rather than intent.

Since the fork's native transparent background (`lotusTransparent=1`, so the room wallpaper shows through the embedded call), the same surface is used in **PiP mode**, where the thing behind the iframe is the *text room you navigated to*. Timestamps/messages of that timeline are visible inside the PiP window behind the participant tiles (see `pip-badges.png` on #173: "Yesterday 07:51 PM" is the Busy Room timeline showing through). Expected: PiP has an opaque (or wallpaper-only) backdrop; only the full-size embed should be transparent. Where: `CallEmbedProvider.tsx` PiP container / `CallEmbed.buildStyleContent()` — give the PiP frame a solid `background` (surface colour or the wallpaper), or send the fork a `lotusTransparent` toggle when entering/leaving PiP. Severity: polish; it reads as a rendering glitch rather than intent.

pip-opaque.png

43 KiB

jared added the bug priority: low ux area: calls labels 2026-09-19 00:37:30 -04:00

jared referenced this issue from a commit

2026-09-19 12:21:10 -04:00

fix(calls): opaque backdrop for the PiP call window (#224)

jared commented

2026-09-19 12:21:31 -04:00

Fixed in a9e0b893: the PiP container gets the surface colour (color.Surface.Container) while in PiP mode; the full-size embed keeps the wallpaper. Verified headless — container background-color is now rgb(255,255,255) (light theme) instead of transparent, and the timeline no longer shows through:

Fixed in `a9e0b893`: the PiP container gets the surface colour (`color.Surface.Container`) while in PiP mode; the full-size embed keeps the wallpaper. Verified headless — container `background-color` is now `rgb(255,255,255)` (light theme) instead of transparent, and the timeline no longer shows through: ![pip](https://code.lotusguild.org/attachments/124e0e14-b212-4d3e-a61b-b9068eff2095)

jared closed this issue

2026-09-19 12:21:31 -04:00

Sign in to join this conversation.

1 Participants

Notifications

Due Date

No due date set.

Dependencies

No dependencies set.

Reference: LotusGuild/cinny#224