Skip to content

fix(frontend): keep dev-server overlay to compile errors only#7777

Open
talissoncosta wants to merge 1 commit into
mainfrom
fix/dev-server-overlay
Open

fix(frontend): keep dev-server overlay to compile errors only#7777
talissoncosta wants to merge 1 commit into
mainfrom
fix/dev-server-overlay

Conversation

@talissoncosta

Copy link
Copy Markdown
Contributor

Thanks for submitting a PR! Please check the boxes below:

  • I have read the Contributing Guide.
  • I have added information to docs/ if required so people know about the feature.
  • I have filled in the "Changes" section below.
  • I have filled in the "How did you test this code" section below.

Changes

In local dev (ENV=local npm run dev), the rspack dev-server overlay renders a full-screen iframe that intercepts all pointer events. Two things trigger it constantly:

  • the Dart Sass @import deprecation warning, which fires on every compile (the @use/@forward migration is a separate effort), and
  • runtime errors / unhandled promise rejections, e.g. uncaught legacy data.* Response rejections.

Both hijack the screen and block the app — and any E2E run pointed at the dev server. This keeps the overlay for compile errors (where it's genuinely useful), turns it off for warnings and runtime errors, and silences the non-actionable Sass @import deprecation. Warnings still appear in the terminal and browser console.

How did you test this code?

Manually: ENV=local npm run dev, confirmed the app loads and stays interactive with Sass deprecation warnings present and after a runtime rejection; compile errors still show the overlay.

@talissoncosta talissoncosta requested a review from a team as a code owner June 12, 2026 19:52
@talissoncosta talissoncosta requested review from kyle-ssg and removed request for a team June 12, 2026 19:52
@vercel

vercel Bot commented Jun 12, 2026

Copy link
Copy Markdown

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
flagsmith-frontend-preview Ready Ready Preview, Comment Jun 12, 2026 7:53pm
flagsmith-frontend-staging Ready Ready Preview, Comment Jun 12, 2026 7:53pm
1 Skipped Deployment
Project Deployment Actions Updated (UTC)
docs Ignored Ignored Preview Jun 12, 2026 7:53pm

Request Review

The overlay iframe intercepts all pointer events, so warnings (the Sass
@import deprecation fires on every compile) and runtime errors hijacked
the screen, blocking the app and any E2E run against the dev server.
Restrict the overlay to compile errors and silence the non-actionable
Sass @import deprecation; warnings still reach the terminal and browser
console.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
@github-actions

github-actions Bot commented Jun 12, 2026

Copy link
Copy Markdown
Contributor

Docker builds report

Image Build Status Security report
ghcr.io/flagsmith/flagsmith-e2e:pr-7777 Finished ✅ Skipped
ghcr.io/flagsmith/flagsmith-api-test:pr-7777 Finished ✅ Skipped
ghcr.io/flagsmith/flagsmith-api-test:pr-7777 Finished ✅ Skipped
ghcr.io/flagsmith/flagsmith-e2e:pr-7777 Finished ✅ Skipped
ghcr.io/flagsmith/flagsmith-api:pr-7777 Finished ✅ Results
ghcr.io/flagsmith/flagsmith:pr-7777 Finished ✅ Results
ghcr.io/flagsmith/flagsmith:pr-7777 Finished ✅ Results
ghcr.io/flagsmith/flagsmith-private-cloud:pr-7777 Finished ✅ Results
ghcr.io/flagsmith/flagsmith-private-cloud:pr-7777 Finished ✅ Results
ghcr.io/flagsmith/flagsmith-frontend:pr-7777 Finished ✅ Results
ghcr.io/flagsmith/flagsmith-frontend:pr-7777 Finished ✅ Results

@github-actions github-actions Bot added fix and removed fix labels Jun 12, 2026
@github-actions

github-actions Bot commented Jun 12, 2026

Copy link
Copy Markdown
Contributor

Playwright Test Results (oss - depot-ubuntu-latest-16)

passed  1 passed

Details

stats  1 test across 1 suite
duration  39.6 seconds
commit  b6503b7
info  🔄 Run: #17474 (attempt 1)

Playwright Test Results (oss - depot-ubuntu-latest-16)

passed  1 passed

Details

stats  1 test across 1 suite
duration  33.3 seconds
commit  981bf7e
info  🔄 Run: #17475 (attempt 1)

Playwright Test Results (oss - depot-ubuntu-latest-arm-16)

passed  1 passed

Details

stats  1 test across 1 suite
duration  43.2 seconds
commit  981bf7e
info  🔄 Run: #17475 (attempt 1)

Playwright Test Results (oss - depot-ubuntu-latest-arm-16)

passed  1 passed

Details

stats  1 test across 1 suite
duration  43.8 seconds
commit  b6503b7
info  🔄 Run: #17474 (attempt 1)

Playwright Test Results (private-cloud - depot-ubuntu-latest-arm-16)

passed  2 passed

Details

stats  2 tests across 2 suites
duration  37.9 seconds
commit  981bf7e
info  🔄 Run: #17475 (attempt 1)

Playwright Test Results (private-cloud - depot-ubuntu-latest-arm-16)

passed  2 passed

Details

stats  2 tests across 2 suites
duration  58.5 seconds
commit  b6503b7
info  🔄 Run: #17474 (attempt 1)

Playwright Test Results (private-cloud - depot-ubuntu-latest-16)

passed  1 passed

Details

stats  1 test across 1 suite
duration  46.9 seconds
commit  b6503b7
info  🔄 Run: #17474 (attempt 1)

Playwright Test Results (private-cloud - depot-ubuntu-latest-16)

passed  2 passed

Details

stats  2 tests across 2 suites
duration  55.1 seconds
commit  981bf7e
info  🔄 Run: #17475 (attempt 1)

@github-actions

github-actions Bot commented Jun 12, 2026

Copy link
Copy Markdown
Contributor

Visual Regression

19 screenshots compared. See report for details.
View full report

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

Labels

fix front-end Issue related to the React Front End Dashboard

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants