Fix text overflow for long field names in add-field menu

XMLWordPrintableJSON

    • 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.

            Assignee:
            Misba Abbas
            Reporter:
            Misba Abbas
            Votes:
            0 Vote for this issue
            Watchers:
            1 Start watching this issue

              Created:
              Updated: