-
Notifications
You must be signed in to change notification settings - Fork 1.4k
Bug: Address Dialog Overflow in React Dashboard #4621
Copy link
Copy link
Open
Labels
type: bug 🐛Something isn't workingSomething isn't working
Description
Description
When an Address entity has multiple custom fields, the address create/edit dialog in the React Dashboard overflows beyond the viewport. This causes important UI elements—including form fields and the "Save Address" button—to become inaccessible, with no scrolling available.
Steps to Reproduce
- Define multiple custom fields on the
Addressentity (e.g., 5+ string fields). - Navigate to
/dashboard/customers/<id> - Click the edit icon on an existing address, or "+ Add new address"
- Observe the dialog behavior.
Expected Behavior
- The dialog should be scrollable when content exceeds viewport height.
- The "Save Address" button should always remain accessible.
Actual Behavior
- Dialog content overflows beyond the bottom of the screen.
- No vertical scrolling is available.
- Custom fields and the "Save Address" button are cut off and unreachable.
- Root cause:
DialogContentlacks amax-heightandoverflowconfiguration.
Screenshot
Environment
- @vendure/core version: 3.6.0
- Browser: Chrome (reproducible in all browsers)
Workaround
the Save Address button becomes inaccessible when enough custom fields are present. ( zoom out in browser to save)
Reactions are currently unavailable
Metadata
Metadata
Assignees
Labels
type: bug 🐛Something isn't workingSomething isn't working