atomiks / tippyjs

Tooltip, popover, dropdown, and menu library
https://atomiks.github.io/tippyjs/
MIT License
11.78k stars 517 forks source link

Tooltip not working with screen reader #1158

Open sukhbains opened 4 months ago

sukhbains commented 4 months ago

Bug description

Hey I've been testing the tooltip on mobile devices with the screen reader and I found the tooltip doesn't appear to read the information. This looks like to bed due the screen reader not firing focus events when it goes onto the element. So therefore no aria-describedby is appearing on the button element.

Only if I double click on it to open the tooltip then focus out and the back again will it read the message.

Reproduction

  1. Put the screen reader on.
  2. Focus onto the button element.

I attached a video for example https://github.com/atomiks/tippyjs/assets/25663405/461941f7-abbf-48ef-b1c5-2b6250fbfd03

If anymore information is needed please do let me know.