Tooltips appear after tap on Android

[ryanodd]

🐛 Bug report

Current Behavior

On my android device in any browser, buttons wrapped in <Tooltip>s will have their tooltips appear by tapping buttons.

Expected behavior

Since hover isn't possible on touch devices, I'd expect no tooltips to appear. This is the case on iOS browsers.

Reproducible example

Visit https://reach.tech/tooltip/ on an android device & try tapping the buttons in the examples. This reproduces on Samsung, Google Pixel, OnePlus, & Huawei devices.

Suggested solution(s)

Maybe android browsers are simulating hover events. I wouldn't be sure how to solve that. Possible related: Samsung devices pass the hover: hover media query.

Additional context

Your environment

Software	Name(s)	Version
Reach Package	@reach/tooltip	0.16.2
React
Browser	Chrome	102.0.5005.59
Assistive tech
Node
npm/yarn
Operating System	Android (Samsung Galaxy S21 FE)	12