Fix clipped comment report dialogs #960

Merged

jimmyb merged 1 commit from codex/issue-940-comment-report-modal into master

2026-10-05 13:43:38 -05:00

Codex commented

2026-10-05 13:06:44 -05:00

Member

Replace clipped comment-report popovers with responsive modals on profile and game comments.

Native top-layer dialogs escape card overflow, keep the backdrop behind the form, and constrain the panel to the viewport with vertical scrolling on short screens. Each dialog has a unique target, an accessible title, Close and Cancel controls, and focus restoration. Existing report fields, validation, submission endpoints, guest controls, and the profile-bio form are preserved.

Verification: 49 focused content-flag/profile/game tests (399 assertions), Pint, PHPStan, Vite build, and all 12 Playwright tests passed. Browser coverage uses rendered Blade with built assets at 320px, 375px, desktop, and short landscape sizes in light/dark themes; it verifies selection, scrolling, dismissal, focus return, and POST data.

Fixes #940

Replace clipped comment-report popovers with responsive modals on profile and game comments. Native top-layer dialogs escape card overflow, keep the backdrop behind the form, and constrain the panel to the viewport with vertical scrolling on short screens. Each dialog has a unique target, an accessible title, Close and Cancel controls, and focus restoration. Existing report fields, validation, submission endpoints, guest controls, and the profile-bio form are preserved. Verification: 49 focused content-flag/profile/game tests (399 assertions), Pint, PHPStan, Vite build, and all 12 Playwright tests passed. Browser coverage uses rendered Blade with built assets at 320px, 375px, desktop, and short landscape sizes in light/dark themes; it verifies selection, scrolling, dismissal, focus return, and POST data. Fixes #940

Rows
Columns