What happened
Tooltips that rely only on :hover cannot be accessed on touch devices. As a result, important information such as Distribution details, Playstyle badges, and Language tier badges is unavailable to mobile and tablet users.
Steps to reproduce
- Open GitFut on a mobile phone or tablet.
- Navigate to any page containing tooltip-enabled elements (e.g. Distribution, Playstyle, or Language tier badges).
- Tap the element.
Expected
The tooltip should open when the user taps the element and close when tapping outside or tapping the element again. The same information available on desktop should also be accessible on touch devices.
Actual
Nothing happens when the element is tapped because the tooltip is only triggered by hover.
Card / screenshot
Affected components include:
- Distribution tooltip
- Playstyle badges
- Language tier badge
Environment
- Browser: Chrome (Mobile)
- OS: Android
Resolved it in PR #73
What happened
Tooltips that rely only on
:hovercannot be accessed on touch devices. As a result, important information such as Distribution details, Playstyle badges, and Language tier badges is unavailable to mobile and tablet users.Steps to reproduce
Expected
The tooltip should open when the user taps the element and close when tapping outside or tapping the element again. The same information available on desktop should also be accessible on touch devices.
Actual
Nothing happens when the element is tapped because the tooltip is only triggered by hover.
Card / screenshot
Affected components include:
Environment
Resolved it in PR #73