perf: Remove last remnants of IE11 support

TrevorBurnham · georgylobko · commit 36a1ec03c8a1 · 2025-09-01T11:14:48.000+02:00
Support for IE11 was dropped years ago. This commit removes lingering
legacy code aimed at that ancient browser.
diff --git a/build-tools/eslint/__tests__/no-implicit-svg-focusable.test.js b/build-tools/eslint/__tests__/no-implicit-svg-focusable.test.js
diff --git a/build-tools/eslint/index.js b/build-tools/eslint/index.js
@@ -2,6 +2,5 @@
 // SPDX-License-Identifier: Apache-2.0
 module.exports.rules = {
   'ban-files': require('./ban-files'),
-  'no-implicit-svg-focusable': require('./no-implicit-svg-focusable'),
   'prefer-live-region': require('./prefer-live-region'),
 };
diff --git a/build-tools/eslint/no-implicit-svg-focusable.js b/build-tools/eslint/no-implicit-svg-focusable.js
diff --git a/eslint.config.mjs b/eslint.config.mjs
@@ -89,7 +89,6 @@ export default tsEslint.config(
           },
         ],
       ],
-      '@cloudscape-design/components/no-implicit-svg-focusable': 'error',
       '@cloudscape-design/components/prefer-live-region': 'warn',
       '@typescript-eslint/naming-convention': [
         'error',
diff --git a/pages/app/index.html b/pages/app/index.html
@@ -1,7 +1,6 @@
 <!DOCTYPE html>
 <html lang="en">
   <head>
-    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Cloudscape demo pages</title>
diff --git a/pages/box/style.scss b/pages/box/style.scss
@@ -6,11 +6,8 @@
 @use '~design-tokens' as awsui;
 
 .permutation-box {
-  border-block: 1px solid;
-  border-inline: 1px solid;
-  // Border color separated as fallback styling is not generated and IE11 does not support
-  // css variables
-  border-color: awsui.$color-text-body-default;
+  border-block: 1px solid awsui.$color-text-body-default;
+  border-inline: 1px solid awsui.$color-text-body-default;
   background-color: awsui.$color-background-container-content;
 }
 .inverted {
diff --git a/pages/button-dropdown/styles.scss b/pages/button-dropdown/styles.scss
@@ -18,7 +18,6 @@
   block-size: 300px;
   border-block: 1px solid red;
   border-inline: 1px solid red;
-  -ms-overflow-style: none;
 
   &.scroll,
   &.auto {
diff --git a/pages/popover/positioning.scss b/pages/popover/positioning.scss
@@ -10,11 +10,8 @@
   padding-block: 1.2rem;
   padding-inline: 1.2rem;
   display: grid;
-  display: -ms-grid;
   grid-template-columns: 1fr 1fr 1fr;
   grid-template-rows: 1fr 1fr 1fr;
-  -ms-grid-columns: 1fr 1fr 1fr;
-  -ms-grid-rows: 1fr 1fr 1fr;
 }
 
 .square {
@@ -25,35 +22,29 @@
 .square-row-1 {
   justify-content: flex-start;
   grid-row: 1;
-  -ms-grid-row: 1;
 }
 
 .square-row-2 {
   justify-content: center;
   grid-row: 2;
-  -ms-grid-row: 2;
 }
 
 .square-row-3 {
   justify-content: flex-end;
   grid-row: 3;
-  -ms-grid-row: 3;
 }
 
 .square-col-1 {
   align-items: flex-start;
   grid-column: 1;
-  -ms-grid-column: 1;
 }
 
 .square-col-2 {
   align-items: center;
   grid-column: 2;
-  -ms-grid-column: 2;
 }
 
 .square-col-3 {
   align-items: flex-end;
   grid-column: 3;
-  -ms-grid-column: 3;
 }
diff --git a/src/input/styles.scss b/src/input/styles.scss
@@ -14,19 +14,11 @@
     user-select: none;
   }
 
-  &::-ms-input-placeholder {
-    @content;
-  }
-
   &::-moz-placeholder {
     @content;
     opacity: 1;
   }
 
-  &:-ms-input-placeholder {
-    @content;
-  }
-
   &:-moz-placeholder {
     @content;
     opacity: 1;
diff --git a/src/prompt-input/styles.scss b/src/prompt-input/styles.scss
@@ -98,9 +98,6 @@ $invalid-border-offset: constants.$invalid-control-left-padding;
     opacity: 1;
   }
 
-  &:-ms-input-placeholder {
-    @include styles.form-placeholder;
-  }
 
   &:focus {
     outline: none;
@@ -126,9 +123,6 @@ $invalid-border-offset: constants.$invalid-control-left-padding;
       opacity: 1;
     }
 
-    &:-ms-input-placeholder {
-      @include styles.form-placeholder-disabled;
-    }
   }
 
   &-wrapper {
diff --git a/src/segmented-control/segment.scss b/src/segmented-control/segment.scss
@@ -95,7 +95,6 @@ $segment-divider-width: 1px;
   @for $i from 1 through 6 {
     &:nth-child(#{$i}) {
       grid-column: $i;
-      -ms-grid-column: $i;
     }
   }
 
diff --git a/src/segmented-control/styles.scss b/src/segmented-control/styles.scss
@@ -23,7 +23,6 @@
 }
 
 .segment-part {
-  display: -ms-inline-grid;
   display: inline-grid;
   border-inline: solid awsui.$border-width-field awsui.$color-border-input-default;
   border-block: solid awsui.$border-width-field awsui.$color-border-input-default;
diff --git a/src/table/styles.scss b/src/table/styles.scss
@@ -148,7 +148,6 @@ filter search icon.
 
 .header-secondary {
   overflow: auto;
-  -ms-overflow-style: none; /* Internet Explorer 10+ */
   scrollbar-width: none; /* Firefox */
   box-sizing: border-box;
   inline-size: 100%;
diff --git a/src/tabs/tab-header-bar.scss b/src/tabs/tab-header-bar.scss
@@ -40,7 +40,6 @@ $label-horizontal-spacing: awsui.$space-xs;
   // do not use pointer-events none because it disables scroll by sliding
 
   // Hide scrollbar in all browsers
-  -ms-overflow-style: none; /* Internet Explorer 10+ */
   scrollbar-width: none; /* Firefox */
   &::-webkit-scrollbar {
     display: none; /* Safari and Chrome */
diff --git a/src/textarea/styles.scss b/src/textarea/styles.scss
@@ -45,10 +45,6 @@
     opacity: 1;
   }
 
-  &:-ms-input-placeholder {
-    @include styles.form-placeholder;
-  }
-
   &:focus {
     @include styles.form-focus-element;
   }
@@ -66,10 +62,6 @@
       @include styles.form-placeholder-disabled;
       opacity: 1;
     }
-
-    &:-ms-input-placeholder {
-      @include styles.form-placeholder-disabled;
-    }
   }
 
   &.textarea-invalid {

Original file line number	Diff line number	Diff line change
`@@ -98,9 +98,6 @@ $invalid-border-offset: constants.$invalid-control-left-padding;`
`98`	`98`	`opacity: 1;`
`99`	`99`	`}`
`100`	`100`
`101`		`- &:-ms-input-placeholder {`
`102`		`- @include styles.form-placeholder;`
`103`		`- }`
`104`	`101`
`105`	`102`	`&:focus {`
`106`	`103`	`outline: none;`
`@@ -126,9 +123,6 @@ $invalid-border-offset: constants.$invalid-control-left-padding;`
`126`	`123`	`opacity: 1;`
`127`	`124`	`}`
`128`	`125`
`129`		`- &:-ms-input-placeholder {`
`130`		`- @include styles.form-placeholder-disabled;`
`131`		`- }`
`132`	`126`	`}`
`133`	`127`
`134`	`128`	`&-wrapper {`