fiks manglende id på dropdown referert til via aria-controls

navikt · Nov 27, 2023 · a0530af · a0530af
1 parent 241a70b
commit a0530af
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/src/bedriftsmeny/velger/Dropdown.tsx b/src/bedriftsmeny/velger/Dropdown.tsx
@@ -1,17 +1,18 @@
 import React from "react";
 
-interface Props {
+interface Props extends React.HTMLAttributes<HTMLDivElement> {
   children: React.ReactNode,
   ariaLabel: string,
   friKomponent: boolean,
   erApen: boolean,
 }
 
-const Dropdown = ({erApen, ariaLabel, friKomponent,  children}: Props) => {
+const Dropdown = ({erApen, ariaLabel, friKomponent,  children, ...divProperties}: Props) => {
   return erApen ? <div
     role='dialog'
     aria-label={ariaLabel}
     className={`Dropdown-panel ${!friKomponent ? "Dropdown-panel-Bedriftsmeny" : ""}`}
+    {...divProperties}
   >
     {children}
   </div> : null

diff --git a/src/bedriftsmeny/velger/Virksomhetsvelger.tsx b/src/bedriftsmeny/velger/Virksomhetsvelger.tsx
@@ -94,6 +94,7 @@ const Velger = ({friKomponent} : {friKomponent: boolean} ) => {
                 </div>
             </Button>
             <Dropdown
+                id="navbm-virksomhetsvelger-popup"
                 ariaLabel="Virksomhetsvelger"
                 friKomponent={friKomponent}
                 erApen={åpen}