TTS Forward button doesn't work on Chrome+Touchscreen

[cdrini]

The tooltips are getting in the way somehow. And clicking the tooltip, because they're contained in the button, cause the audio button to be clicked.

To reproduce:

1. Go to https://lucid-poitras-9a1249.netlify.app/bookreaderdemo/demo-internetarchive.html?ocaid=adventuresofoli00dick#page/n14/mode/1up
2. Click the listen button
3. try to press the forward button

• Expected: It goes forward
• Actual: It stops playback

Evidence / Screenshot (if possible)

This is what it looks like on Chrome desktop with mobile mode:

NOTE: In real mobile, the tooltip is invisible, but still clickable.

Context

Chrome 86 @ And6

Stakeholders

@-tag any stakeholders of this bug

[participator]

How do you get the tooltips to appear? I don't see them when using the live example links.

See live examples:

On details page: https://archive.org/details/birdbookillustra00reedrich Full Screen: https://archive.org/stream/birdbookillustra00reedrich (mobile-friendly)

[cdrini]

The tooltip might be invisible; but it still prevents clicking the forward button

[cdrini]

Ohhhh, I see what you mean, they're fully missing on archive.org :( You should be able to see them here: https://lucid-poitras-9a1249.netlify.app/bookreaderdemo/demo-internetarchive.html?ocaid=adventuresofoli00dick#page/n14/mode/1up ; added to the repro steps.

[ArunTeltia]

we can fix this issue by instead of showing the message above the button we can show that below the button what you think Can I work on this Edit: We can also give z-index to the forward button :D

[Adityakushwaha142]

I can work on this issue