Block Patterns - Tabbing through patterns triggers a toolbar attached to the sidebar.

[Addison-Stavlo]

Tabbing through our custom block patterns will trigger a toolbar that is attached to the sidebar inserter. This does not seem to be reproducible with core patterns and is observed on both 8.3 and edge stickered sites.

• Load into the editor.
• Open the inserter via the "+" button on the top left.
• select the 'patterns' tab.
• "Tab" to cycle down the list of patterns.
• 1/3 of the way down the list or so you should notice a toolbar that has been triggered.

[yansern]

This is because the <Disabled> component doesn't prevent <a> tags within block preview from being focusable when tabbed over. This also caused block toolbar to activate on the <a> elements within the block preview.

[yansern]

PR here: WordPress/gutenberg#24397

[Addison-Stavlo]

Great catch! I wonder if this underlying issue may be related to #44038 as well. I remember that error being seemingly related to to the pattern having CTA buttons or tags near the top. 🤔

[razvanpapadopol]

PR was fixed and included in Gutenberg 8.8 milestone. This needs to be retested when the new plugin version lands on edge sites.

[david-szabo97]

This PR WordPress/gutenberg#24397 is causing infinite loops for me (keeps adding-removing tabindex).
Filed a PR to fix it: WordPress/gutenberg#24935

[david-szabo97]

Even after the WordPress/gutenberg#24935 PR this is still happening.
Also, we have a new pattern called YouTube Embed. Focus goes into this specific pattern. When tabbing, focus is going through the YouTube iframe's elements.

[Addison-Stavlo]

Closing this issue as it seems to have been fixed in Gutenberg. I am no longer able to repro and tabbing through patterns works as expected regardless of their content.