Skip to content

Portal ProcessesTab's fullscreen log modal (glass-theme trap) #4152

Description

@atomantic

Section: Hand-rolled fixed inset-0 overlays trapped by backdrop-filter cards (glass themes)

Root cause: the theme rule at client/src/index.css makes every bordered/rounded .bg-port-card a containing block for position:fixed descendants on "glass" themes (e.g. lumen-glass-day). Any hand-rolled fixed inset-0 overlay rendered inside such a card is then sized to the card, not the viewport.

client/src/components/apps/tabs/ProcessesTab.jsx (~line 232, <div className="fixed inset-0 bg-port-bg z-50 flex flex-col">) is not portaled; rendered inside the app-detail tab tree — trappable if that content sits in a .bg-port-card.

Fix shape

Portal its overlay. Precedent for the fix: GalleryImagePicker.jsx and the shared Modal's usePortal option.

Migrated from PLAN.md by /do:replan --issues.

Activity

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

Labels

planTracked by /do:replan

Projects

No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions