Page MenuHomePhabricator

Evaluate removing ellipsis from Buttons in the content overflow approach
Closed, DuplicatePublic

Description

Background

In T359636: Define an approach to content overflow in Codex components we outlined the content overflow approach, specifying that Buttons and other height-critical components (such as Selects, Chips, or Tabs) will use ellipsis when text exceeds the max-width, with the full label shown in a Tooltip (activated by hover on Desktop and pressing on touchable screens like Mobile or Tablet).

We need to ensure that using a Tooltip to display the full Button label does not present any accessibility issues, particularly on touchable screens where the hover is not possible. Additionally, we need to evaluate whether we should update the content overflow approach to avoid using ellipses in Buttons.

NOTE: we will work on this once T367101: Publish Tooltip component is completed.

Acceptance criteria (or Done)

  • Evaluate the use of Tooltip component to display the entire label of Buttons
  • Evaluate the use of ellipse in Buttons