Skip to content

fix: map layers not displaying on dev#96

Merged
Alessandro100 merged 1 commit intomainfrom
fix/34-map-layer-not-displaying-in-dev
Apr 2, 2026
Merged

fix: map layers not displaying on dev#96
Alessandro100 merged 1 commit intomainfrom
fix/34-map-layer-not-displaying-in-dev

Conversation

@Alessandro100
Copy link
Copy Markdown
Contributor

@Alessandro100 Alessandro100 commented Apr 2, 2026

Summary:

closes #34 in preparation for #65

This ticket was done to make working and debugging map issues easier in dev

When running the app in dev, no data would show on any map, but it would work on production. After lots of debugging, the issue was the browserlist in development. Turbopack + SWC saw that it only needed to render for the latest browser of chrome, firefox and safari and due to this behaviour, it omitted some of the backwards compatible capabilities.

We did not get this issue in production because in the browser list we specify a broader range of browsers and due to that, these backwards compatibilities are resolved.

I did tests with webpack and it worked, meaning this is a bug with Turbopack. The solution for today is to remove the browserlist for development and default to nextjs defaults. If it ever stops working, we might switch to webpack for bundling or create a support ticket

Expected behavior:

When running next dev you should be able to see the map data

Testing tips:

Run the app locally using next dev go to any feed with a map in dev (stm or mbta) and see the elements appear on the map (routes / bounding box / etc)

Please make sure these boxes are checked before submitting your pull request - thanks!

  • Run the unit tests with yarn test to make sure you didn't break anything
  • Add or update any needed documentation to the repo
  • Format the title like "feat: [new feature short description]". Title must follow the Conventional Commit Specification(https://www.conventionalcommits.org/en/v1.0.0/).
  • Linked all relevant issues
  • Include screenshot(s) showing how this pull request works and fixes the issue(s)

@Alessandro100 Alessandro100 self-assigned this Apr 2, 2026
@vercel
Copy link
Copy Markdown

vercel bot commented Apr 2, 2026

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

Project Deployment Actions Updated (UTC)
mobilitydatabase-web Ready Ready Preview, Comment Apr 2, 2026 0:37am

Request Review

@github-actions
Copy link
Copy Markdown

github-actions bot commented Apr 2, 2026

*Lighthouse ran on https://mobilitydatabase-qf30qkn06-mobility-data.vercel.app/ * (Desktop)
⚡️ HTML Report Lighthouse report for the changes in this PR:

Performance Accessibility Best Practices SEO
🟢 100 🟢 96 🟢 96 🟢 100

*Lighthouse ran on https://mobilitydatabase-qf30qkn06-mobility-data.vercel.app/feeds * (Desktop)
⚡️ HTML Report Lighthouse report for the changes in this PR:

Performance Accessibility Best Practices SEO
🟠 89 🟠 87 🟢 96 🟢 100

*Lighthouse ran on https://mobilitydatabase-qf30qkn06-mobility-data.vercel.app/feeds/gtfs/mdb-2126 * (Desktop)
⚡️ HTML Report Lighthouse report for the changes in this PR:

Performance Accessibility Best Practices SEO
🟠 52 🟢 94 🟢 96 🟢 100

*Lighthouse ran on https://mobilitydatabase-qf30qkn06-mobility-data.vercel.app/feeds/gtfs_rt/mdb-2585 * (Desktop)
⚡️ HTML Report Lighthouse report for the changes in this PR:

Performance Accessibility Best Practices SEO
🟢 99 🟠 83 🟢 96 🟢 100

*Lighthouse ran on https://mobilitydatabase-qf30qkn06-mobility-data.vercel.app/feeds/gbfs/gbfs-flamingo_porirua * (Desktop)
⚡️ HTML Report Lighthouse report for the changes in this PR:

Performance Accessibility Best Practices SEO
🟠 80 🟢 94 🟢 96 🟢 100

@Alessandro100 Alessandro100 merged commit 8aa12ba into main Apr 2, 2026
4 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

SSR: Map layer not displaying in DEV

2 participants