Update the Multiselect component and avoid the default blue button co…

…lor on iOS.
danskernesdigitalebibliotek · Jun 6, 2024 · b41e529 · b41e529
1 parent 3ff56df
commit b41e529
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 6 deletions.
diff --git a/src/stories/Library/multiselect/Multiselect.tsx b/src/stories/Library/multiselect/Multiselect.tsx
@@ -18,12 +18,14 @@ export const Multiselect: React.FC<MultiselectProps> = ({
         <div className="multiselect__caption">Caption for multiselect</div>
       )}
       <div className="multiselect">
-        <div className="multiselect__selected">
-          Mulighed 1, Mulighed 2, Mulighed 3, Mulighed 4
-        </div>
-        <div className="multiselect__opener">
-          <ExpandMoreIcon className="multiselect__icon" />
-        </div>
+        <button type="button" className="multiselect">
+          <div className="multiselect__selected">
+            Mulighed 1, Mulighed 2, Mulighed 3, Mulighed 4
+          </div>
+          <div className="multiselect__opener">
+            <ExpandMoreIcon className="multiselect__icon" />
+          </div>
+        </button>
         {isOpen && (
           <ul className="multiselect__options">
             {options.map((item, index) => (

diff --git a/src/stories/Library/multiselect/multiselect.scss b/src/stories/Library/multiselect/multiselect.scss
@@ -7,6 +7,7 @@
   align-items: center;
   flex-direction: row;
   border: 1px solid $color__global-tertiary-1;
+  color: $color__global-grey;
 
   &__selected {
     @include typography($typo__button);