@nanoporetech-digital/components 3.2.0 → 3.3.1

package/dist/collection/components/hero/hero.css

@@ -71,16 +71,11 @@
   inset: 0;
 }
 .hero__ctas {
-  display: -webkit-box;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-box-pack: end;
-      -ms-flex-pack: end;
-          justify-content: flex-end;
+  justify-content: flex-end;
   padding-block: 32px 0;
   padding-inline: 32px;
-  -webkit-margin-after: -64px;
-          margin-block-end: -64px;
+  margin-block-end: -64px;
   position: relative;
   z-index: 1;
 }
@@ -91,8 +86,7 @@
 }
 @media (max-width: 58em) {
   .hero__ctas {
-    -webkit-margin-after: -48px;
-            margin-block-end: -48px;
+    margin-block-end: -48px;
   }
 }
 .hero__ctas ::slotted(a.button[slot=secondary-ctas]) {
@@ -131,8 +125,7 @@
   font-weight: 600;
   font-stretch: 125%;
   display: inline-block;
-  -webkit-margin-after: 16px;
-          margin-block-end: 16px;
+  margin-block-end: 16px;
   position: relative;
   z-index: 2;
 }
@@ -154,7 +147,6 @@
   position: absolute;
   inset: 0;
   z-index: 0;
-  background: -webkit-gradient(linear, left top, left bottom, from(var(--scrim-direction)), color-stop(0%, rgba(var(--scrim-color), var(--scrim-opacity-from))), to(rgba(var(--scrim-color), var(--scrim-opacity-to))));
   background: linear-gradient(var(--scrim-direction), rgba(var(--scrim-color), var(--scrim-opacity-from)) 0%, rgba(var(--scrim-color), var(--scrim-opacity-to)) 100%);
 }
 .hero--scrim .hero__scrim {
@@ -168,13 +160,11 @@
   position: relative;
 }
 .hero__content.is-xl {
-  -webkit-margin-before: 50px;
-          margin-block-start: 50px;
+  margin-block-start: 50px;
   max-inline-size: 1540px;
 }
 .hero__content.is-xxl {
-  -webkit-margin-before: 83px;
-          margin-block-start: 83px;
+  margin-block-start: 83px;
   max-inline-size: 1606px;
 }
 .hero__primary {
@@ -185,8 +175,7 @@
   margin-inline: 16px;
 }
 .hero--backbtn .hero__primary {
-  -webkit-margin-start: 0;
-          margin-inline-start: 0;
+  margin-inline-start: 0;
 }
 .hero__primary ::slotted(nano-icon-button[slot=back-btn]) {
   font-size: 2rem;
@@ -206,8 +195,6 @@
 .hero__primary-content {
   max-inline-size: 45rem;
   --color: #fff;
-  display: -webkit-box;
-  display: -ms-flexbox;
   display: flex;
 }
 .hero--backbtn .hero__primary-content > div {
@@ -221,12 +208,10 @@
 }
 .is-xl .hero__primary-content ::slotted(h1[slot=primary-content]) {
   line-height: 31px !important;
-  -webkit-margin-after: 30px !important;
-          margin-block-end: 30px !important;
+  margin-block-end: 30px !important;
 }
 .is-xl .hero__primary-content ::slotted(.button[slot=primary-content]) {
-  -webkit-margin-before: 20px !important;
-          margin-block-start: 20px !important;
+  margin-block-start: 20px !important;
 }
 .hero__secondary {
   display: none;
@@ -235,19 +220,13 @@
   padding-inline: 14px;
 }
 .hero--secondary .hero__secondary {
-  display: -webkit-box;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
+  align-items: center;
 }
 .is-xl .hero__secondary {
   padding-block: 0 50px;
   padding-inline: 50px;
-  -webkit-box-pack: end;
-      -ms-flex-pack: end;
-          justify-content: flex-end;
+  justify-content: flex-end;
 }
 .is-xxl .hero__secondary {
   padding-block: 0 83px;
@@ -257,52 +236,35 @@
   background: rgba(0, 0, 0, 0.7);
   padding: 24px;
   inline-size: 100%;
-  -webkit-margin-after: auto;
-          margin-block-end: auto;
-  display: -webkit-box;
-  display: -ms-flexbox;
+  margin-block-end: auto;
   display: flex;
-  -webkit-box-orient: vertical;
-  -webkit-box-direction: normal;
-      -ms-flex-direction: column;
-          flex-direction: column;
+  flex-direction: column;
   color: white;
 }
 .is-xl .hero__icon-box {
   max-inline-size: 410px;
-  -webkit-box-flex: 0;
-      -ms-flex: 0 1 410px;
-          flex: 0 1 410px;
+  flex: 0 1 410px;
 }
 .hero__icon-box ::slotted([slot=icon-box-item]) {
   --nano-color-base: var(--theme-tint-color);
   --nano-icon-size: 32px;
   --nano-icon-margin-end: 20px;
-  display: -webkit-box;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
+  align-items: center;
   font-size: 0.8125rem;
-  -webkit-margin-after: 20px;
-          margin-block-end: 20px;
+  margin-block-end: 20px;
 }
 .hero__icon-box ::slotted(.last[slot=icon-box-item]) {
-  -webkit-margin-after: 0;
-          margin-block-end: 0;
+  margin-block-end: 0;
 }
 .hero__quote-content {
-  -webkit-margin-before: auto;
-          margin-block-start: auto;
+  margin-block-start: auto;
   text-align: center;
   inline-size: 100%;
 }
 .is-xl .hero__quote-content {
   max-inline-size: 500px;
-  -webkit-box-flex: 0;
-      -ms-flex: 0 1 500px;
-          flex: 0 1 500px;
+  flex: 0 1 500px;
   text-align: initial;
 }
 .hero__quote::before, .hero__quote::after {
@@ -327,8 +289,7 @@
   opacity: 0.8;
 }
 .hero--sub .hero__content.is-xl {
-  -webkit-margin-before: 40px;
-          margin-block-start: 40px;
+  margin-block-start: 40px;
 }
 .hero--sub .hero__content.is-xl .hero__primary {
   margin-block: 0 40px;
@@ -339,12 +300,10 @@
   padding-inline: 40px 50px;
 }
 .hero--sub .hero__content.is-xl ::slotted(.button[slot=primary-content]) {
-  -webkit-margin-before: 8px !important;
-          margin-block-start: 8px !important;
+  margin-block-start: 8px !important;
 }
 .hero--sub .hero__content.is-xl ::slotted(h1[slot=primary-content]) {
-  -webkit-margin-after: 18px !important;
-          margin-block-end: 18px !important;
+  margin-block-end: 18px !important;
 }
 .hero--sub .hero__content.is-xxl .hero__primary {
   margin-block: 0 40px;

package/dist/collection/components/icon/icon.css

@@ -37,9 +37,7 @@
   min-height: var(--icon-size);
   contain: strict;
   fill: currentColor;
-  -webkit-box-sizing: content-box !important;
-          box-sizing: content-box !important;
-  -webkit-transition: opacity 0.3s ease;
+  box-sizing: content-box !important;
   transition: opacity 0.3s ease;
   color: var(--color);
   margin-inline: var(--icon-margin-start) var(--icon-margin-end);
@@ -87,8 +85,7 @@ svg,
  * -----------------------------------------------------------
  */
 :host(.flip-rtl) .icon-inner {
-  -webkit-transform: scaleX(-1);
-          transform: scaleX(-1);
+  transform: scaleX(-1);
 }
 
 /* Icon Sizes

package/dist/collection/components/icon-button/icon-button.css

@@ -30,15 +30,9 @@
 }
 
 .icon-button {
-  -webkit-box-flex: 0;
-      -ms-flex: 0 0 auto;
-          flex: 0 0 auto;
-  display: -webkit-box;
-  display: -ms-flexbox;
+  flex: 0 0 auto;
   display: flex;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
+  align-items: center;
   border: none;
   border-radius: var(--border-radius);
   background: var(--background);
@@ -46,13 +40,9 @@
   color: var(--color);
   padding: var(--padding);
   cursor: pointer;
-  -moz-appearance: none;
-       appearance: none;
+  appearance: none;
   -webkit-appearance: none;
-  -webkit-transition: -webkit-box-shadow var(--nano-transition-fast, 0.1s) ease-in-out;
-  transition: -webkit-box-shadow var(--nano-transition-fast, 0.1s) ease-in-out;
   transition: box-shadow var(--nano-transition-fast, 0.1s) ease-in-out;
-  transition: box-shadow var(--nano-transition-fast, 0.1s) ease-in-out, -webkit-box-shadow var(--nano-transition-fast, 0.1s) ease-in-out;
 }
 .icon-button:hover:not(.icon-button--disabled), .icon-button:focus:not(.icon-button--disabled) {
   color: var(--hover-color);
@@ -73,6 +63,5 @@
 }
 
 .focus-visible.icon-button:focus {
-  -webkit-box-shadow: var(--nano-control-focus-shadow, 0 0 0 0.1875rem  var(--nano-control-focus-color, rgba(144, 198, 231, 0.8)));
-          box-shadow: var(--nano-control-focus-shadow, 0 0 0 0.1875rem  var(--nano-control-focus-color, rgba(144, 198, 231, 0.8)));
+  box-shadow: var(--nano-control-focus-shadow, 0 0 0 0.1875rem  var(--nano-control-focus-color, rgba(144, 198, 231, 0.8)));
 }

package/dist/collection/components/img/img.css

@@ -16,10 +16,8 @@
   */
   --padding: 0;
   display: inline-block;
-  -o-object-fit: cover;
-     object-fit: cover;
-  -o-object-position: center;
-     object-position: center;
+  object-fit: cover;
+  object-position: center;
   background-size: cover;
   background-position: center;
 }
@@ -36,10 +34,8 @@
   min-block-size: inherit;
   block-size: 100%;
   display: block;
-  -o-object-fit: inherit;
-     object-fit: inherit;
-  -o-object-position: inherit;
-     object-position: inherit;
+  object-fit: inherit;
+  object-position: inherit;
   background-color: inherit;
   background-position: inherit;
   background-size: inherit;
@@ -62,32 +58,26 @@
   border-radius: inherit;
   display: block;
   opacity: 0;
-  -webkit-transition: 0.5s ease opacity, 0.3s ease filter 0.4s;
   transition: 0.5s ease opacity, 0.3s ease filter 0.4s;
-  -webkit-filter: blur(5px);
-          filter: blur(5px);
+  filter: blur(5px);
 }
 .img__image.loaded,
 .img__bg.loaded {
   opacity: 1;
-  -webkit-filter: blur(0.1px);
-          filter: blur(0.1px);
+  filter: blur(0.1px);
 }
 @media not all and (min-resolution: 0.001dpcm) {
   @supports (-webkit-appearance: none) {
     .img__image.loaded,
 .img__bg.loaded {
-      -webkit-filter: blur(0);
-              filter: blur(0);
+      filter: blur(0);
     }
   }
 }
 
 .img__image {
-  -o-object-fit: inherit;
-     object-fit: inherit;
-  -o-object-position: inherit;
-     object-position: inherit;
+  object-fit: inherit;
+  object-position: inherit;
   max-inline-size: 100%;
   block-size: auto;
 }

package/dist/collection/components/input/input.css

@@ -19,8 +19,6 @@
   display: block;
 }
 .form-ctrl.has-helper-end {
-  display: -webkit-box;
-  display: -ms-flexbox;
   display: flex;
   gap: 1rem;
   opacity: 0;
@@ -29,9 +27,7 @@
   opacity: 1;
 }
 .form-ctrl.has-helper-end .form-ctrl__wrapper {
-  -webkit-box-flex: 1;
-      -ms-flex: 1 1 100%;
-          flex: 1 1 100%;
+  flex: 1 1 100%;
 }
 .form-ctrl.has-helper-end .form-ctrl__helper-end {
   display: none;
@@ -74,31 +70,24 @@ label.visually-hide,
 
 .form-ctrl__float-label {
   padding-block: 0;
-  -webkit-padding-end: 0;
-          padding-inline-end: 0;
-  -webkit-padding-start: var(--padding-start);
-          padding-inline-start: var(--padding-start);
+  padding-inline-end: 0;
+  padding-inline-start: var(--padding-start);
   color: var(--label-color);
   position: absolute;
   font-size: 1.15em;
-  -webkit-transform: translateY(-50%);
-          transform: translateY(-50%);
-  -webkit-transform-origin: top left;
-          transform-origin: top left;
+  transform: translateY(-50%);
+  transform-origin: top left;
   inset-block-start: 50%;
-  -webkit-transition: all 0.125s ease-in;
   transition: all 0.125s ease-in;
   opacity: 1;
 }
 :host(.has-focus) .form-ctrl__float-label, :host(.has-value) .form-ctrl__float-label {
-  -webkit-transform: translateY(-110%);
-          transform: translateY(-110%);
+  transform: translateY(-110%);
   font-size: 0.8em;
   opacity: 0.7;
 }
 .form-ctrl__float-label .form-ctrl__label-charcount {
   opacity: 0;
-  -webkit-transition: opacity 0.125s ease-in;
   transition: opacity 0.125s ease-in;
 }
 :host(.has-focus) .form-ctrl__float-label .form-ctrl__label-charcount, :host(.has-value) .form-ctrl__float-label .form-ctrl__label-charcount {
@@ -109,53 +98,40 @@ label.visually-hide,
 }
 :host(.has-focus) .form-ctrl__textarea .form-ctrl__float-label {
   inset-block-start: 0;
-  -webkit-transform: translateY(38%);
-          transform: translateY(38%);
+  transform: translateY(38%);
 }
 :host(.has-value) .form-ctrl__textarea .form-ctrl__float-label {
   inset-block-start: 0;
-  -webkit-transform: translateY(38%);
-          transform: translateY(38%);
+  transform: translateY(38%);
 }
 
 .form-ctrl__label {
   color: var(--label-color);
   font-size: var(--label-font-size);
-  -webkit-padding-after: var(--padding-bottom);
-          padding-block-end: var(--padding-bottom);
+  padding-block-end: var(--padding-bottom);
   line-height: 1;
-  display: -webkit-box;
-  display: -ms-flexbox;
   display: flex;
 }
 .form-ctrl__label .form-ctrl__label-wrap {
-  -webkit-box-flex: 1;
-      -ms-flex: 1;
-          flex: 1;
+  flex: 1;
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
 }
 .form-ctrl__label .form-ctrl__label-placeholder {
   margin-block: unset;
-  -webkit-margin-end: 5px;
-          margin-inline-end: 5px;
-  -webkit-margin-start: 0;
-          margin-inline-start: 0;
+  margin-inline-end: 5px;
+  margin-inline-start: 0;
   opacity: 0;
   -webkit-appearance: none;
-     -moz-appearance: none;
           appearance: none;
-  -webkit-transition: 0.3s ease opacity;
   transition: 0.3s ease opacity;
   font-size: 0.9em;
 }
 .form-ctrl__label .form-ctrl__label-charcount {
   margin-block: unset;
-  -webkit-margin-end: 0;
-          margin-inline-end: 0;
-  -webkit-margin-start: auto;
-          margin-inline-start: auto;
+  margin-inline-end: 0;
+  margin-inline-start: auto;
   font-size: 0.9em;
   opacity: 0.5;
 }
@@ -173,7 +149,6 @@ label.visually-hide,
 .has-float-label .select__native-input,
 .has-float-label .input__native-ctrl {
   opacity: 0;
-  -webkit-transition: opacity 0.125s ease-in;
   transition: opacity 0.125s ease-in;
 }
 :host(.has-focus) .has-float-label .select__multi-input, :host(.has-value) .has-float-label .select__multi-input,
@@ -198,7 +173,6 @@ label.visually-hide,
   position: absolute;
   font-size: var(--invalid-msg-font-size);
   line-height: 1.2;
-  -webkit-transition: 0.3s ease-out opacity;
   transition: 0.3s ease-out opacity;
 }
 
@@ -211,9 +185,7 @@ label.visually-hide,
 }
 
 .form-ctrl__helper-end {
-  -webkit-box-flex: 1;
-      -ms-flex: 1 1 30%;
-          flex: 1 1 30%;
+  flex: 1 1 30%;
   min-inline-size: 150px;
   font-size: var(--invalid-msg-font-size);
   color: var(--help-msg-color);
@@ -246,55 +218,39 @@ label.visually-hide,
   inline-size: 100%;
   padding: 0 !important;
   position: relative;
-  -webkit-box-flex: 1;
-      -ms-flex: 1 0 auto;
-          flex: 1 0 auto;
-  display: -webkit-box;
-  display: -ms-flexbox;
+  flex: 1 0 auto;
   display: flex;
   background: var(--input-bg-color);
   border: var(--input-border-style);
   border-width: var(--input-border-width);
   font-size: var(--input-font-size);
-  -webkit-padding-start: calc(var(--input-border-hint-width) - var(--input-border-width)) !important;
-          padding-inline-start: calc(var(--input-border-hint-width) - var(--input-border-width)) !important;
+  padding-inline-start: calc(var(--input-border-hint-width) - var(--input-border-width)) !important;
 }
 :host(.has-focus) .form-ctrl__input {
   background: var(--input-bg-color--focus);
   border: var(--input-border-style--focus);
   border-width: var(--input-border-width);
-  -webkit-padding-start: calc(var(--input-border-hint-width) - var(--input-border-width)) !important;
-          padding-inline-start: calc(var(--input-border-hint-width) - var(--input-border-width)) !important;
+  padding-inline-start: calc(var(--input-border-hint-width) - var(--input-border-width)) !important;
 }
 :host(.is-invalid) .form-ctrl__input {
   background: var(--input-bg-color--invalid);
   border: var(--input-border-style--invalid);
   border-width: var(--input-border-width);
-  -webkit-border-start: var(--input-border-style--invalid-focus) var(--input-border-hint-width);
-          border-inline-start: var(--input-border-style--invalid-focus) var(--input-border-hint-width);
-  -webkit-padding-start: 0 !important;
-          padding-inline-start: 0 !important;
+  border-inline-start: var(--input-border-style--invalid-focus) var(--input-border-hint-width);
+  padding-inline-start: 0 !important;
 }
 :host(.is-invalid.has-focus) .form-ctrl__input {
   background: var(--input-bg-color--invalid);
   border: var(--input-border-style--invalid-focus);
   border-width: var(--input-border-width);
-  -webkit-border-start: var(--input-border-style--invalid-focus) var(--input-border-hint-width);
-          border-inline-start: var(--input-border-style--invalid-focus) var(--input-border-hint-width);
-  -webkit-padding-start: 0 !important;
-          padding-inline-start: 0 !important;
+  border-inline-start: var(--input-border-style--invalid-focus) var(--input-border-hint-width);
+  padding-inline-start: 0 !important;
 }
 
 .form-ctrl__input-wrap {
-  display: -webkit-box;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-box-align: stretch;
-      -ms-flex-align: stretch;
-          align-items: stretch;
-  -webkit-box-flex: 1;
-      -ms-flex: 1;
-          flex: 1;
+  align-items: stretch;
+  flex: 1;
   max-inline-size: 100%;
 }
 
@@ -310,12 +266,8 @@ label.visually-hide,
   outline: none;
   background-color: transparent;
   background-repeat: no-repeat;
-  display: -webkit-box;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-box-align: stretch;
-      -ms-flex-align: stretch;
-          align-items: stretch;
+  align-items: stretch;
   inline-size: auto;
 }
 
@@ -332,16 +284,10 @@ label.visually-hide,
 .form-ctrl__slot-value-end * {
   --nano-icon-size: 1.4em;
   padding-inline: unset;
-  -webkit-padding-start: var(--padding-start);
-          padding-inline-start: var(--padding-start);
-  -webkit-padding-end: var(--padding-end);
-          padding-inline-end: var(--padding-end);
+  padding-inline-start: var(--padding-start);
+  padding-inline-end: var(--padding-end);
   font-size: 1em;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
-  display: -webkit-box;
-  display: -ms-flexbox;
+  align-items: center;
   display: flex;
   block-size: 100%;
   z-index: 1;
@@ -368,11 +314,8 @@ label.visually-hide,
   opacity: 0;
   inline-size: 0;
   -webkit-appearance: none;
-     -moz-appearance: none;
           appearance: none;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
+  align-items: center;
   overflow: hidden;
 }
 :host(.is-invalid) .form-ctrl__clear-btn {
@@ -505,9 +448,7 @@ label.visually-hide,
   text-overflow: ellipsis;
   color: var(--input-text-color);
   display: inline-block;
-  -webkit-box-flex: 1;
-      -ms-flex: 1;
-          flex: 1;
+  flex: 1;
   inline-size: 100%;
   max-inline-size: 100%;
   max-block-size: 100%;
@@ -515,11 +456,9 @@ label.visually-hide,
   outline: none;
   background: transparent;
   -webkit-appearance: none;
-     -moz-appearance: none;
           appearance: none;
   margin: 0;
-  -webkit-box-sizing: border-box;
-          box-sizing: border-box;
+  box-sizing: border-box;
   resize: none;
   overflow: hidden;
   line-height: 2.5em;
@@ -527,44 +466,7 @@ label.visually-hide,
 .has-float-label .input__native-ctrl {
   line-height: 2.1em;
   min-height: 2.1em;
-  -webkit-padding-before: 1.4em;
-          padding-block-start: 1.4em;
-}
-.input__native-ctrl::-webkit-input-placeholder {
-  color: var(--placeholder-color);
-  font-family: inherit;
-  font-style: var(--placeholder-font-style);
-  font-weight: var(--placeholder-font-weight);
-  opacity: var(--placeholder-opacity);
-  line-height: inherit;
-  min-height: initial;
-}
-.input__native-ctrl::-moz-placeholder {
-  color: var(--placeholder-color);
-  font-family: inherit;
-  font-style: var(--placeholder-font-style);
-  font-weight: var(--placeholder-font-weight);
-  opacity: var(--placeholder-opacity);
-  line-height: inherit;
-  min-height: initial;
-}
-.input__native-ctrl:-ms-input-placeholder {
-  color: var(--placeholder-color);
-  font-family: inherit;
-  font-style: var(--placeholder-font-style);
-  font-weight: var(--placeholder-font-weight);
-  opacity: var(--placeholder-opacity);
-  line-height: inherit;
-  min-height: initial;
-}
-.input__native-ctrl::-ms-input-placeholder {
-  color: var(--placeholder-color);
-  font-family: inherit;
-  font-style: var(--placeholder-font-style);
-  font-weight: var(--placeholder-font-weight);
-  opacity: var(--placeholder-opacity);
-  line-height: inherit;
-  min-height: initial;
+  padding-block-start: 1.4em;
 }
 .input__native-ctrl::placeholder {
   color: var(--placeholder-color);
@@ -587,8 +489,7 @@ label.visually-hide,
           appearance: none;
 }
 .input__native-ctrl:invalid {
-  -webkit-box-shadow: none;
-          box-shadow: none;
+  box-shadow: none;
 }
 .input__native-ctrl::-ms-clear, .input__native-ctrl::-ms-reveal {
   display: none;
@@ -602,28 +503,13 @@ label.visually-hide,
   padding-block: var(--padding-top) 0.25em;
   white-space: pre-wrap;
 }
-.form-ctrl__textarea .input__native-ctrl::-webkit-input-placeholder {
-  line-height: 1.5em;
-}
-.form-ctrl__textarea .input__native-ctrl::-moz-placeholder {
-  line-height: 1.5em;
-}
-.form-ctrl__textarea .input__native-ctrl:-ms-input-placeholder {
-  line-height: 1.5em;
-}
-.form-ctrl__textarea .input__native-ctrl::-ms-input-placeholder {
-  line-height: 1.5em;
-}
 .form-ctrl__textarea .input__native-ctrl::placeholder {
   line-height: 1.5em;
 }
 .has-float-label .form-ctrl__textarea .input__native-ctrl {
-  -webkit-padding-before: 1.75em;
-          padding-block-start: 1.75em;
+  padding-block-start: 1.75em;
 }
 :host([readonly]:not([readonly=false])) .input__native-ctrl {
   -webkit-user-select: none;
-     -moz-user-select: none;
-      -ms-user-select: none;
           user-select: none;
 }

package/dist/collection/components/menu/menu.css

@@ -50,8 +50,7 @@
 
 .menu {
   font-size: var(--font-size, 0.9em);
-  -ms-scroll-chaining: none;
-      overscroll-behavior: none;
+  overscroll-behavior: none;
   min-width: var(--width);
   position: relative;
 }