-
Type:
Task
-
Resolution: Unresolved
-
Priority:
Major - P3
-
None
-
Affects Version/s: None
-
Component/s: None
-
None
-
Developer Tools
In the document editor, when clicking the “+” add-field button on fields with long names, the dropdown menu options overflow/truncate awkwardly, making the label hard to read (see attached screenshots: long field names like countries and other examples).
Update the styling of the add-field dropdown so that:
- Long field names do not overflow their container.
- Text is handled via ellipsis or wrapping according to LeafyGreen design guidelines (whichever is consistent with the rest of the menu component).
- The menu remains fully keyboard- and screen-reader-accessible after the change.
This may require a fix either in Compass or in the underlying LeafyGreen menu component; please choose the appropriate repo and reference this ticket if a LeafyGreen follow-up is needed.