diff --git a/.changeset/slimy-rocks-talk.md b/.changeset/slimy-rocks-talk.md new file mode 100644 index 0000000000..12d8591216 --- /dev/null +++ b/.changeset/slimy-rocks-talk.md @@ -0,0 +1,5 @@ +--- +"@navikt/ds-react": patch +--- + +Remove tabIndex="-1" on Popover to fix VoiceOver navigation issue inside Popover diff --git a/@navikt/core/react/src/popover/Popover.tsx b/@navikt/core/react/src/popover/Popover.tsx index 764209c2c7..70a8fc9325 100644 --- a/@navikt/core/react/src/popover/Popover.tsx +++ b/@navikt/core/react/src/popover/Popover.tsx @@ -210,7 +210,6 @@ export const Popover = forwardRef( })} data-placement={flPlacement} aria-hidden={!open || !anchorEl} - tabIndex={-1} {...getFloatingProps({ ref: floatingRef, style: { @@ -218,6 +217,7 @@ export const Popover = forwardRef( top: y ?? 0, left: x ?? 0, }, + tabIndex: undefined, })} {...rest} >