URL:
https://vercel.com//~/settings/microfrontends
Description:
When creating or editing a Microfrontends group, the “Add Project” dialog renders incorrectly. The modal appears partially off-screen and overlaps the main Microfrontends configuration UI.
As a result, required fields and controls are difficult or impossible to access, preventing completion of the Microfrontends setup workflow.
Environment:
Browser: Chrome
OS: Windows
Account Type: Hobby
Zoom Level: 100% (or specify actual value)
Steps to Reproduce:
Open the Microfrontends settings page.
Create or edit a Microfrontends group.
Click “Add Project”.
Observe the modal positioning and layout.
Expected Result:
The dialog should be fully visible and allow configuration of the project route.
Actual Result:
The dialog is partially hidden/overlapping with the page content, preventing completion of the workflow.
Screenshot:
Hi Raam,
This looks more like a dashboard/UI issue than a microfrontends config issue, especially since the problem happens before you can complete the “Add Project” step.
A few quick things I’d try to narrow it down:
- test at 90% and 80% browser zoom
- try a wider browser window or external monitor if available
- try Chrome Incognito with extensions disabled
- try another browser, like Edge or Firefox
- open DevTools Console and check whether any errors appear when the modal opens
As a workaround, you may also be able to add the project from the CLI instead of the dashboard:
vercel microfrontends add-to-group
or with flags:
vercel mf add-to-group --group="GROUP_NAME" --default-route=/your-route
The CLI docs show that add-to-group is the command for adding the current project to a microfrontends group:
If the CLI works, then your microfrontends setup is probably fine and the dashboard modal layout is the part that needs fixing. If it still fails, the useful details to add would be the browser version, screen resolution, zoom level, and any console error from opening the dialog.