Merge branch 'feature/ISTWCMS-7289-m26lebla-fix-safari-focus-trap-in-website-header' into '1.1.x'

ISTWCMS-7289 Add css to put select's wrapping element in flow

See merge request !274

src/patterns/04-components/search/_search.scss

@@ -44,7 +44,9 @@
       height: inherit;
       width: inherit;
     }
-
+    label[for="uw-search"] {
+      display: block;
+    }
     .option {
       display: inherit;
       font-family: inherit;

src/patterns/04-components/search/search--wcms-headerbar/_search--wcms-headerbar.scss

@@ -195,7 +195,9 @@
         }
       }
     }
-
+    .form-item-search-type {
+        width:0;
+    }
     .uw-input--search {
       background-color: var(--uw-black);
       border: 1px solid var(--uw-white);
@@ -275,8 +277,6 @@
         color: var(--uw-black);
       }
       @media(min-width: $screen-md) {
-        display: none;
-        opacity: 0;
         overflow: hidden;
         padding: 0;
         transition: opacity 0.5s ease;
@@ -425,6 +425,9 @@
 
     &:focus-within {
       @media(min-width: $screen-md) {
+        .form-item-search-type {
+          width:auto;
+        }
         .uw-input--search {
           transition: width 0.3s ease;
           width: 8rem;
@@ -454,7 +457,6 @@
           padding-left: var(--size-1); // LTR
           padding-right: 0;
           width: var(--size-16);
-
           &:hover,
           &:focus {
             background-color: var(--uw-white);