Issue #3321006 by longwave, NivethaSubramaniyan: Drop -ms- vendor prefixed CSS properties

core/.stylelintrc.json

@@ -56,8 +56,6 @@
       "overflow",
       "overflow-x",
       "overflow-y",
-      "-ms-overflow-x",
-      "-ms-overflow-y",
       "-webkit-overflow-scrolling",
       "clip",
       "zoom",
@@ -72,21 +70,16 @@
       "flex-order",
       "flex-pack",
 
-      "-ms-grid",
       "grid",
       "grid-area",
       "grid-template",
       "grid-template-areas",
-      "-ms-grid-rows",
       "grid-template-rows",
-      "-ms-grid-columns",
       "grid-template-columns",
       "grid-row",
-      "-ms-grid-row",
       "grid-row-start",
       "grid-row-end",
       "grid-column",
-      "-ms-grid-column",
       "grid-column-start",
       "grid-column-end",
       "grid-auto-rows",
@@ -95,8 +88,6 @@
       "grid-gap",
       "grid-row-gap",
       "grid-column-gap",
-      "-ms-grid-row-align",
-      "-ms-grid-column-align",
 
       "place-content",
       "place-items",
@@ -186,7 +177,6 @@
       "cursor",
       "-webkit-user-select",
       "-moz-user-select",
-      "-ms-user-select",
       "user-select",
       "nav-index",
       "nav-up",
@@ -195,84 +185,68 @@
       "nav-left",
       "-webkit-transition",
       "-moz-transition",
-      "-ms-transition",
       "-o-transition",
       "transition",
       "-webkit-transition-delay",
       "-moz-transition-delay",
-      "-ms-transition-delay",
       "-o-transition-delay",
       "transition-delay",
       "-webkit-transition-timing-function",
       "-moz-transition-timing-function",
-      "-ms-transition-timing-function",
       "-o-transition-timing-function",
       "transition-timing-function",
       "-webkit-transition-duration",
       "-moz-transition-duration",
-      "-ms-transition-duration",
       "-o-transition-duration",
       "transition-duration",
       "-webkit-transition-property",
       "-moz-transition-property",
-      "-ms-transition-property",
       "-o-transition-property",
       "transition-property",
       "-webkit-transform",
       "-moz-transform",
-      "-ms-transform",
       "-o-transform",
       "transform",
       "-webkit-transform-origin",
       "-moz-transform-origin",
-      "-ms-transform-origin",
       "-o-transform-origin",
       "transform-origin",
       "$keyframes",
       "-webkit-animation",
       "-moz-animation",
-      "-ms-animation",
       "-o-animation",
       "animation",
       "-webkit-animation-name",
       "-moz-animation-name",
-      "-ms-animation-name",
       "-o-animation-name",
       "animation-name",
       "-webkit-animation-duration",
       "-moz-animation-duration",
-      "-ms-animation-duration",
       "-o-animation-duration",
       "animation-duration",
       "-webkit-animation-play-state",
       "-moz-animation-play-state",
-      "-ms-animation-play-state",
       "-o-animation-play-state",
       "animation-play-state",
       "-webkit-animation-timing-function",
       "-moz-animation-timing-function",
-      "-ms-animation-timing-function",
       "-o-animation-timing-function",
       "animation-timing-function",
       "-webkit-animation-delay",
       "-moz-animation-delay",
-      "-ms-animation-delay",
       "-o-animation-delay",
       "animation-delay",
       "-webkit-animation-iteration-count",
       "-moz-animation-iteration-count",
-      "-ms-animation-iteration-count",
       "-o-animation-iteration-count",
       "animation-iteration-count",
       "-webkit-animation-direction",
       "-moz-animation-direction",
-      "-ms-animation-direction",
       "-o-animation-direction",
       "animation-direction",
       "text-align",
       "-webkit-text-align-last",
       "-moz-text-align-last",
-      "-ms-text-align-last",
       "text-align-last",
       "vertical-align",
       "white-space",
@@ -282,23 +256,18 @@
       "text-emphasis-style",
       "text-emphasis-position",
       "text-indent",
-      "-ms-text-justify",
       "text-justify",
       "text-transform",
       "letter-spacing",
       "word-spacing",
-      "-ms-writing-mode",
       "text-outline",
       "text-transform",
       "text-wrap",
       "text-overflow",
-      "-ms-text-overflow",
       "text-overflow-ellipsis",
       "text-overflow-mode",
-      "-ms-word-wrap",
       "word-wrap",
       "word-break",
-      "-ms-word-break",
       "-moz-tab-size",
       "-o-tab-size",
       "tab-size",
@@ -314,12 +283,8 @@
       "object-position",
 
       "opacity",
-      "filter:progid:DXImageTransform.Microsoft.Alpha(Opacity",
-      "-ms-filter:\\'progid:DXImageTransform.Microsoft.Alpha",
       "-webkit-filter",
-      "-ms-filter",
       "filter",
-      "-ms-interpolation-mode",
       "color",
       "border",
       "border-collapse",
@@ -410,9 +375,7 @@
       "background-attachment",
       "background-position",
       "background-position-x",
-      "-ms-background-position-x",
       "background-position-y",
-      "-ms-background-position-y",
       "-webkit-background-clip",
       "-moz-background-clip",
       "background-clip",
@@ -425,8 +388,6 @@
       "-webkit-box-shadow",
       "-moz-box-shadow",
       "box-shadow",
-      "filter:progid:DXImageTransform.Microsoft.gradient",
-      "-ms-filter:\\'progid:DXImageTransform.Microsoft.gradient",
       "text-shadow",
 
       "$font-face",

core/modules/locale/css/locale.admin.css

@@ -94,7 +94,6 @@
 .expanded .locale-translation-update__message {
   -webkit-hyphens: auto;
   -moz-hyphens: auto;
-  -ms-hyphens: auto;
   hyphens: auto;
 }
 .js .locale-translation-update__wrapper {

core/modules/shortcut/css/shortcut.theme.css

@@ -37,7 +37,6 @@
   padding: 0 5px;
   -webkit-transition: all 200ms ease-out;
   transition: all 200ms ease-out;
-  -ms-transform: translateY(-12px);
   -webkit-transform: translateY(-12px);
   transform: translateY(-12px);
   opacity: 0;
@@ -45,7 +44,6 @@
   border-radius: 5px;
   background: #000;
   background: rgba(0, 0, 0, 0.5);
-  -ms-backface-visibility: hidden;
   -webkit-backface-visibility: hidden;
   backface-visibility: hidden;
 }
@@ -55,7 +53,6 @@
 }
 .shortcut-action:hover .shortcut-action__message,
 .shortcut-action:focus .shortcut-action__message {
-  -ms-transform: translateY(-2px);
   -webkit-transform: translateY(-2px);
   transform: translateY(-2px);
   opacity: 1;

core/modules/system/css/system.admin.css

@@ -110,7 +110,6 @@ small .admin-link:after {
   text-transform: none;
   -webkit-hyphens: auto;
   -moz-hyphens: auto;
-  -ms-hyphens: auto;
   hyphens: auto;
 }
 .system-modules td details a {

core/modules/system/tests/modules/css_disable_transitions_test/css/disable_transitions.theme.css

@@ -5,19 +5,16 @@
   /* CSS transitions. */
   -o-transition: none !important;
   -moz-transition: none !important;
-  -ms-transition: none !important;
   -webkit-transition: none !important;
   transition: none !important;
   -o-transition-property: none !important;
   -moz-transition-property: none !important;
-  -ms-transition-property: none !important;
   -webkit-transition-property: none !important;
   transition-property: none !important;
   /* CSS animations. */
   -webkit-animation: none !important;
   -moz-animation: none !important;
   -o-animation: none !important;
-  -ms-animation: none !important;
   animation: none !important;
 }
 

core/profiles/demo_umami/themes/umami/css/components/navigation/skip-link/skip-link.css

@@ -8,7 +8,6 @@
   left: 50%;
   padding: 1px 10px 2px;
   -webkit-transform: translateX(-50%);
-  -ms-transform: translateX(-50%);
   transform: translateX(-50%);
   border: 1px solid #444;
   border-top-width: 0;

core/themes/olivero/css/components/cke-dialog.css

@@ -14,7 +14,3 @@ select.cke_dialog_ui_input_select {
   -webkit-appearance: menulist;
   appearance: menulist;
 }
-
-select.cke_dialog_ui_input_select::-ms-expand {
-  display: block;
-}

core/themes/olivero/css/components/cke-dialog.pcss.css

@@ -5,8 +5,4 @@
 
 select.cke_dialog_ui_input_select {
   appearance: menulist;
-
-  &::-ms-expand {
-    display: block;
-  }
 }

core/themes/olivero/css/components/form-boolean.css

@@ -93,13 +93,6 @@ input.error[type="radio"]:focus {
   outline-offset: -2px;
 }
 
-/* Specific pseudo-element to apply red borders for IE11 bool elements in case of error */
-
-input.error[type="checkbox"]::-ms-check,
-input.error[type="radio"]::-ms-check {
-  border: 1px solid var(--color--red);
-}
-
 input[type="checkbox"] + label,
 input[type="radio"] + label {
   display: inline-block;

core/themes/olivero/css/components/form-boolean.pcss.css

@@ -61,11 +61,6 @@ input[type="radio"] {
     }
   }
 
-  /* Specific pseudo-element to apply red borders for IE11 bool elements in case of error */
-  &.error::-ms-check {
-    border: 1px solid var(--color--red);
-  }
-
   & + label {
     display: inline-block;
     padding-inline-start: var(--sp0-5);

core/themes/olivero/css/components/form-select.css

@@ -61,12 +61,6 @@ select:focus {
   }
 }
 
-/* Hides default chevron within Internet Explorer. */
-
-select::-ms-expand {
-  display: none;
-}
-
 select[disabled] {
   color: var(--color--gray-60);
   background-color: var(--color--gray-100);
@@ -117,20 +111,6 @@ select.form-element--small {
   }
 }
 
-/* Necessary for Internet Explorer to show chevron. */
-
-@media screen and (-ms-high-contrast: active) {
-
-  select {
-    padding-inline-end: 0;
-
-    /* Re-enable default chevron for Internet Explorer. */
-  }
-  select::-ms-expand {
-    display: block;
-  }
-}
-
 [dir="rtl"] select {
   background-position: left var(--sp) center;
 }

core/themes/olivero/css/components/form-select.pcss.css

@@ -38,11 +38,6 @@ select {
     }
   }
 
-  /* Hides default chevron within Internet Explorer. */
-  &::-ms-expand {
-    display: none;
-  }
-
   &[disabled] {
     color: var(--color--gray-60);
     background-color: var(--color--gray-100);
@@ -82,16 +77,6 @@ select {
       appearance: revert;
     }
   }
-
-  /* Necessary for Internet Explorer to show chevron. */
-  @media screen and (-ms-high-contrast: active) {
-    padding-inline-end: 0;
-
-    /* Re-enable default chevron for Internet Explorer. */
-    &::-ms-expand {
-      display: block;
-    }
-  }
 }
 
 [dir="rtl"] select {

core/themes/olivero/css/components/form-text.css

@@ -67,10 +67,6 @@ textarea {
   }
 }
 
-:is([type="color"],[type="date"],[type="datetime-local"],[type="email"],[type="file"],[type="month"],[type="number"],[type="password"],[type="search"],[type="tel"],[type="text"],[type="time"],[type="url"],[type="week"],textarea)::-ms-clear {
-  display: none;
-}
-
 [disabled]:is([type="color"],[type="date"],[type="datetime-local"],[type="email"],[type="file"],[type="month"],[type="number"],[type="password"],[type="search"],[type="tel"],[type="text"],[type="time"],[type="url"],[type="week"],textarea) {
   color: var(--color--gray-60);
   background-color: var(--color--gray-100);

core/themes/olivero/css/components/form-text.pcss.css

@@ -44,10 +44,6 @@ textarea {
     }
   }
 
-  &::-ms-clear {
-    display: none;
-  }
-
   &[disabled] {
     color: var(--color--gray-60);
     background-color: var(--color--gray-100);

core/themes/olivero/css/components/header-search-narrow.css

@@ -62,27 +62,10 @@
   -webkit-appearance: none;
 }
 
-.block-search-narrow input[type="search"]::-ms-clear {
-  width: 2.5rem;
-  opacity: 0.5;
-}
-
 .block-search-narrow input[type="search"]:focus {
   outline: solid 4px transparent;
   outline-offset: -4px;
   background-size: 100% 0.3125rem;
-
-  /*
-        We normally indicate focus by animating background-image width. This isn't
-        available in IE11 when in Windows high contrast mode.
-      */
-}
-
-@media screen and (-ms-high-contrast: active) {
-
-  .block-search-narrow input[type="search"]:focus {
-    border-bottom-width: 5px;
-  }
 }
 
 @media (min-width: 43.75rem) {

core/themes/olivero/css/components/header-search-narrow.pcss.css

@@ -42,23 +42,10 @@
     font-size: 16px;
     -webkit-appearance: none;
 
-    &::-ms-clear {
-      width: 40px;
-      opacity: 0.5;
-    }
-
     &:focus {
       outline: solid 4px transparent;
       outline-offset: -4px;
       background-size: 100% 5px;
-
-      /*
-        We normally indicate focus by animating background-image width. This isn't
-        available in IE11 when in Windows high contrast mode.
-      */
-      @media screen and (-ms-high-contrast: active) {
-        border-bottom-width: 5px;
-      }
     }
 
     @media (--md) {

core/themes/olivero/css/components/header-search-wide.css

@@ -77,26 +77,9 @@
   -webkit-appearance: none;
 }
 
-.block-search-wide__wrapper input[type="search"]::-ms-clear {
-  width: 2.5rem;
-  opacity: 0.5;
-}
-
 .block-search-wide__wrapper input[type="search"]:focus {
   outline: solid 4px transparent;
   outline-offset: -4px;
-
-  /*
-        We normally indicate focus by animating background-image width. This isn't
-        available in IE11 when in Windows high contrast mode.
-      */
-}
-
-@media screen and (-ms-high-contrast: active) {
-
-  .block-search-wide__wrapper input[type="search"]:focus {
-    border-bottom-width: var(--sp0-5);
-  }
 }
 
 .block-search-wide__wrapper .form-item-keys {
@@ -180,16 +163,6 @@
 }
 
 @media screen and (-ms-high-contrast: active) {
-  /* IE11's high contrast show will not show the background image, so we show the text. */
-  .block-search-wide__wrapper .search-form__submit .visually-hidden {
-    position: static;
-    overflow: visible;
-    clip: auto;
-    width: auto;
-    height: auto;
-    text-align: center;
-  }
-
   /* Edge's high contrast does show the background image, so we hide it. */
   .block-search-wide__wrapper .search-form__submit .icon--search {
     display: none;

core/themes/olivero/css/components/header-search-wide.pcss.css

@@ -56,22 +56,9 @@
     font-size: 32px;
     -webkit-appearance: none;
 
-    &::-ms-clear {
-      width: 40px;
-      opacity: 0.5;
-    }
-
     &:focus {
       outline: solid 4px transparent;
       outline-offset: -4px;
-
-      /*
-        We normally indicate focus by animating background-image width. This isn't
-        available in IE11 when in Windows high contrast mode.
-      */
-      @media screen and (-ms-high-contrast: active) {
-        border-bottom-width: var(--sp0-5);
-      }
     }
   }
 
@@ -151,16 +138,6 @@
     }
 
     @media screen and (-ms-high-contrast: active) {
-      /* IE11's high contrast show will not show the background image, so we show the text. */
-      & .visually-hidden {
-        position: static;
-        overflow: visible;
-        clip: auto;
-        width: auto;
-        height: auto;
-        text-align: center;
-      }
-
       /* Edge's high contrast does show the background image, so we hide it. */
       & .icon--search {
         display: none;

core/themes/olivero/css/layout/layout-sidebar.css

@@ -26,7 +26,6 @@
 .sidebar-grid > .site-main {
   grid-column: 1 / 7;
   align-self: flex-start;
-  -ms-grid-row-align: start;
 }
 
 @media (min-width: 43.75rem) {
@@ -59,7 +58,6 @@
 }
 
 .sidebar-grid .region--sidebar {
-  -ms-grid-row: 2;
   grid-column: 1 / 7;
 }
 
@@ -73,7 +71,6 @@
 @media (min-width: 62.5rem) {
 
   .sidebar-grid .region--sidebar {
-    -ms-grid-row: 1;
     grid-column: 12 / 15;
   }
 }

core/themes/olivero/css/layout/layout-sidebar.pcss.css

@@ -9,7 +9,6 @@
   & > .site-main {
     grid-column: 1 / 7;
     align-self: flex-start;
-    -ms-grid-row-align: start;
 
     @media (--grid-md) {
       grid-column: 1 / 15;
@@ -36,7 +35,6 @@
   }
 
   & .region--sidebar {
-    -ms-grid-row: 2;
     grid-column: 1 / 7;
 
     @media (--grid-md) {
@@ -44,7 +42,6 @@
     }
 
     @media (--lg) {
-      -ms-grid-row: 1;
       grid-column: 12 / 15;
     }
   }

core/themes/stable9/css/locale/locale.admin.css

@@ -97,7 +97,6 @@
 .expanded .locale-translation-update__message {
   -webkit-hyphens: auto;
   -moz-hyphens: auto;
-  -ms-hyphens: auto;
   hyphens: auto;
 }
 .js .locale-translation-update__wrapper {

core/themes/stable9/css/shortcut/shortcut.theme.css

@@ -37,7 +37,6 @@
   padding: 0 5px;
   -webkit-transition: all 200ms ease-out;
   transition: all 200ms ease-out;
-  -ms-transform: translateY(-12px);
   -webkit-transform: translateY(-12px);
   transform: translateY(-12px);
   opacity: 0;
@@ -45,7 +44,6 @@
   border-radius: 5px;
   background: #000;
   background: rgba(0, 0, 0, 0.5);
-  -ms-backface-visibility: hidden;
   -webkit-backface-visibility: hidden;
   backface-visibility: hidden;
 }
@@ -55,7 +53,6 @@
 }
 .shortcut-action:hover .shortcut-action__message,
 .shortcut-action:focus .shortcut-action__message {
-  -ms-transform: translateY(-2px);
   -webkit-transform: translateY(-2px);
   transform: translateY(-2px);
   opacity: 1;

core/themes/stable9/css/system/system.admin.css

@@ -113,7 +113,6 @@ small .admin-link:after {
   text-transform: none;
   -webkit-hyphens: auto;
   -moz-hyphens: auto;
-  -ms-hyphens: auto;
   hyphens: auto;
 }
 .system-modules td details a {