Duotone: when opening dropdown menus (e.g. duotone), tooltip shows up by default

[simison]

Description

When opening the duotone menu in an image block, the tooltip shows open by default:

Screen.Recording.2021-12-17.at.01.09.30.mov

Step-by-step reproduction instructions

• Add image block
• Add image
• Click duotone icon
• Note tooltip visible before you even move mouse over duotone options

Screenshots, screen recording, code snippet

No response

Environment info

• WP 5.8
• Gutenberg 12.0.2
• Firefox

Please confirm that you have searched existing issues in the repo.

Yes

Please confirm that you have tested with all plugins deactivated except Gutenberg.

No

cc @mtias who noted this elsewhere.

[glendaviesnz]

Confirmed that this still happens on WP 5.9 Beta 3 and latest Gutenberg trunk.

[mtias]

The more annoying part is the repositioning of the tooltip

[simison]

This could be a more wider-spread issue? Just noticed the same with heading size dropdown when H1 gets autofocused:

It was really annoying to try switching to H2 from H3.

[mtias]

Yes, it's widespread and has been there for a while.

[simison]

I still saw this bug in dropdowns (WP 5.9 and Gutenberg 12.5.x), but not as consistently as before. It has somehow changed behaviour along the way.

Here's me trying to replicate:

Screen.Recording.2022-02-08.at.20.18.06.mov

[simison]

The tooltip being visible might be side affect of another behavior described in older issue #26401

[jasmussen]

Focus naturally lands on the first item in a popover. That'll announce it to screenreaders. But it isn't my understanding that this initial focus also needs to invoke the tooltip. Happy to be wrong here, from someone who knows with more confidence!