fix(techdocs): Update keyboard focus on when clicking hash links
Signed-off-by: logonoff <git@logonoff.co>
This commit is contained in:
@@ -0,0 +1,5 @@
|
||||
---
|
||||
'@backstage/plugin-techdocs': patch
|
||||
---
|
||||
|
||||
Update keyboard focus on when clicking hash links. This fixes the issue where the "skip to content" link rendered by Material MkDocs isn't focused when used.
|
||||
@@ -229,6 +229,13 @@ export const useTechDocsReaderDom = (
|
||||
transformedElement
|
||||
?.querySelector(`[id="${parsedUrl.hash.slice(1)}"]`)
|
||||
?.scrollIntoView();
|
||||
|
||||
// Focus first focusable element in the target section
|
||||
(
|
||||
transformedElement
|
||||
?.querySelector(`[id="${parsedUrl.hash.slice(1)}"]`)
|
||||
?.querySelector('a, button, [tabindex]') as HTMLElement
|
||||
)?.focus();
|
||||
}
|
||||
} else {
|
||||
if (modifierActive) {
|
||||
|
||||
Reference in New Issue
Block a user