Uploaded image for project: 'XWiki Platform'
  1. XWiki Platform
  2. XWIKI-25674

Truncated search facet values cannot be read by keyboard-only and touch users

    XMLWordPrintable

Details

    • Improvement
    • Resolution: Unresolved
    • Major
    • None
    • 17.10.14
    • Search - Solr
    • None
    • Unknown

    Description

      Long facet values in the Solr search facets are cut with an ellipsis, since .search-facet-body .itemName uses text-overflow: ellipsis and white-space: nowrap.

      XWIKI-18330 adds a title attribute on the facet value links, which shows the full value as a tooltip on mouse hover. A title is not displayed on keyboard focus nor on touch devices though, so keyboard-only and mobile users still cannot read the full value of a truncated facet. Screen reader users are not affected, since the full text is in the link.

      Steps to reproduce

      1. Create a page whose title or location is long enough to be truncated in a facet, e.g. in the Location facet.
      2. Search for it, so that the facet value is displayed truncated in the facets panel.
      3. Navigate to the facet value with the keyboard, or open the search page on a touch device.

      Expected

      The full facet value can be read.

      Actual

      Only the truncated value is visible, the tooltip is never displayed.

      Notes

      Discussed in https://github.com/xwiki/xwiki-platform/pull/4938#discussion_r4455724805. Wrapping the text only on :hover / :focus was suggested, but changing the height of the facet values while navigating would make the panel content move around, so another approach may be preferable.

      Attachments

        Issue Links

          Activity

            People

              Unassigned Unassigned
              Lucas C Charpentier Lucas
              Votes:
              0 Vote for this issue
              Watchers:
              1 Start watching this issue

              Dates

                Created:
                Updated: