Remove Internet Explorer leftovers

.github/ISSUE_TEMPLATE/bug.md

@@ -6,6 +6,6 @@ Before opening:
 
 Bug reports must include:
 
-- Operating system and version (Windows, macOS, Android, iOS, Win10 Mobile)
-- Browser and version (Chrome, Firefox, Safari, IE, MS Edge, Opera 15+, Android Browser)
+- Operating system and version (Windows, macOS, Android, iOS)
+- Browser and version (Chrome, Firefox, Safari, Microsoft Edge, Opera, Android Browser)
 - [Reduced test case](https://css-tricks.com/reduced-test-cases/) and suggested fix using [CodePen](https://codepen.io/) or [JS Bin](https://jsbin.com/)

.github/ISSUE_TEMPLATE/bug_report.md

@@ -12,6 +12,6 @@ Before opening:
 
 Bug reports must include:
 
-- Operating system and version (Windows, macOS, Android, iOS, Win10 Mobile)
-- Browser and version (Chrome, Firefox, Safari, IE, MS Edge, Opera 15+, Android Browser)
+- Operating system and version (Windows, macOS, Android, iOS)
+- Browser and version (Chrome, Firefox, Safari, Microsoft Edge, Opera, Android Browser)
 - [Reduced test case](https://css-tricks.com/reduced-test-cases/) and suggested fix using [CodePen](https://codepen.io/) or [JS Bin](https://jsbin.com/)

build/vnu-jar.js

@@ -37,10 +37,7 @@ childProcess.exec('java -version', (error, stdout, stderr) => {
     'The “month” input type is not supported in all browsers.*',
     'The “color” input type is not supported in all browsers.*',
     'The “datetime-local” input type is not supported in all browsers.*',
-    'The “time” input type is not supported in all browsers.*',
-    // IE11 doesn't recognize <main> / give the element an implicit "main" landmark.
-    // Explicit role="main" is redundant for other modern browsers, but still valid.
-    'The “main” role is unnecessary for element “main”.'
+    'The “time” input type is not supported in all browsers.*'
   ].join('|')
 
   const args = [

js/tests/unit/modal.spec.js

@@ -653,7 +653,6 @@ describe('Modal', () => {
     it('should enforce focus', done => {
       fixtureEl.innerHTML = '<div class="modal"><div class="modal-dialog" /></div>'
 
-      const isIE11 = Boolean(window.MSInputMethodContext) && Boolean(document.documentMode)
       const modalEl = fixtureEl.querySelector('.modal')
       const modal = new Modal(modalEl)
 
@@ -668,11 +667,6 @@ describe('Modal', () => {
       modalEl.addEventListener('shown.bs.modal', () => {
         expect(modal._enforceFocus).toHaveBeenCalled()
 
-        if (isIE11) {
-          done()
-          return
-        }
-
         spyOn(modal._element, 'focus')
 
         document.addEventListener('focusin', focusInListener)

scss/_card.scss

@@ -36,9 +36,6 @@
   // Enable `flex-grow: 1` for decks and groups so that card blocks take up
   // as much space as possible, ensuring footers are aligned to the bottom.
   flex: 1 1 auto;
-  // Workaround for the image size bug in IE
-  // See: https://github.com/twbs/bootstrap/pull/28855
-  min-height: 1px;
   padding: $card-spacer-y $card-spacer-x;
   color: $card-color;
 }

scss/forms/_form-control.scss

@@ -22,12 +22,6 @@
   @include box-shadow($input-box-shadow);
   @include transition($input-transition);
 
-  // Unstyle the caret on `<select>`s in IE10+.
-  &::-ms-expand {
-    background-color: transparent;
-    border: 0;
-  }
-
   // Customize the `:focus` state to imitate native WebKit styles.
   &:focus {
     color: $input-focus-color;

scss/forms/_form-file.scss

@@ -11,13 +11,6 @@
   margin: 0;
   opacity: 0;
 
-  // Separate rules for :focus and :focus-within as IE doesn't support the latter, and
-  // thus ignores the entire ruleset. See https://github.com/twbs/bootstrap/pull/29036.
-  &:focus ~ .form-file-label {
-    border-color: $form-file-focus-border-color;
-    box-shadow: $form-file-focus-box-shadow;
-  }
-
   &:focus-within ~ .form-file-label {
     border-color: $form-file-focus-border-color;
     box-shadow: $form-file-focus-box-shadow;

scss/forms/_form-select.scss

@@ -57,11 +57,6 @@
     border-color: $form-select-disabled-border-color;
   }
 
-  // Hides the default caret in IE11
-  &::-ms-expand {
-    display: none;
-  }
-
   // Remove outline from select box in FF
   &:-moz-focusring {
     color: transparent;

site/content/docs/4.3/examples/album/index.html

@@ -35,7 +35,7 @@ title: Album example
   </div>
 </header>
 
-<main role="main">
+<main>
 
   <section class="py-5 text-center container">
     <div class="row py-lg-5">

site/content/docs/4.3/examples/blog/index.html

@@ -82,7 +82,7 @@ include_js: false
   </div>
 </div>
 
-<main role="main" class="container">
+<main class="container">
   <div class="row">
     <div class="col-md-8 blog-main">
       <h3 class="pb-4 mb-4 font-italic border-bottom">

site/content/docs/4.3/examples/carousel/index.html

@@ -33,7 +33,7 @@ extra_css:
   </nav>
 </header>
 
-<main role="main">
+<main>
 
   <div id="myCarousel" class="carousel slide" data-ride="carousel">
     <ol class="carousel-indicators">

site/content/docs/4.3/examples/cover/index.html

@@ -20,7 +20,7 @@ include_js: false
     </div>
   </header>
 
-  <main role="main" class="px-3">
+  <main class="px-3">
     <h1>Cover your page.</h1>
     <p class="lead">Cover is a one-page template for building simple and beautiful home pages. Download, edit the text, and add your own fullscreen background photo to make it your own.</p>
     <p class="lead">

site/content/docs/4.3/examples/dashboard/index.html

@@ -102,7 +102,7 @@ extra_js:
       </div>
     </nav>
 
-    <main role="main" class="col-md-9 ml-sm-auto col-lg-10 px-md-4">
+    <main class="col-md-9 ml-sm-auto col-lg-10 px-md-4">
       <div class="d-flex justify-content-between flex-wrap flex-md-nowrap align-items-center pt-3 pb-2 mb-3 border-bottom">
         <h1 class="h2">Dashboard</h1>
         <div class="btn-toolbar mb-2 mb-md-0">

site/content/docs/4.3/examples/floating-labels/floating-labels.css

@@ -86,14 +86,3 @@ body {
     color: #777;
   }
 }
-
-/* Fallback for IE
--------------------------------------------------- */
-@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
-  .form-label-group > label {
-    display: none;
-  }
-  .form-label-group input:-ms-input-placeholder {
-    color: #777;
-  }
-}

site/content/docs/4.3/examples/navbar-fixed/index.html

@@ -31,7 +31,7 @@ extra_css:
   </div>
 </nav>
 
-<main role="main" class="container">
+<main class="container">
   <div class="bg-light p-5 rounded">
     <h1>Navbar example</h1>
     <p class="lead">This example is a quick exercise to illustrate how fixed to top navbar works. As you scroll, it will remain fixed to the top of your browser’s viewport.</p>

site/content/docs/4.3/examples/navbar-static/index.html

@@ -31,7 +31,7 @@ extra_css:
   </div>
 </nav>
 
-<main role="main" class="container">
+<main class="container">
   <div class="bg-light p-5 rounded">
     <h1>Navbar example</h1>
     <p class="lead">This example is a quick exercise to illustrate how the top-aligned navbar works. As you scroll, this navbar remains in its original position and moves with the rest of the page.</p>

site/content/docs/4.3/examples/navbars/index.html

@@ -365,7 +365,7 @@ extra_css:
     </div>
   </nav>
 
-  <main role="main">
+  <main>
     <div class="bg-light p-5 rounded">
       <div class="col-sm-8 mx-auto">
         <h1>Navbar examples</h1>

site/content/docs/4.3/examples/offcanvas/index.html

@@ -63,7 +63,7 @@ body_class: "bg-light"
   </nav>
 </div>
 
-<main role="main" class="container">
+<main class="container">
   <div class="d-flex align-items-center p-3 my-3 text-white-50 bg-purple rounded shadow-sm">
     <img class="mr-3" src="/docs/{{< param docs_version >}}/assets/brand/bootstrap-outline.svg" alt="" width="48" height="48">
     <div class="lh-1">

site/content/docs/4.3/examples/starter-template/index.html

@@ -40,7 +40,7 @@ extra_css:
   </div>
 </nav>
 
-<main role="main" class="container">
+<main class="container">
 
   <div class="starter-template text-center py-5 px-3">
     <h1>Bootstrap starter template</h1>

site/content/docs/4.3/examples/sticky-footer-navbar/index.html

@@ -37,7 +37,7 @@ body_class: "d-flex flex-column h-100"
 </header>
 
 <!-- Begin page content -->
-<main role="main" class="flex-shrink-0">
+<main class="flex-shrink-0">
   <div class="container">
     <h1 class="mt-5">Sticky footer with fixed navbar</h1>
     <p class="lead">Pin a footer to the bottom of the viewport in desktop browsers with this custom HTML and CSS. A fixed navbar has been added with <code class="small">padding-top: 60px;</code> on the <code class="small">main &gt; .container</code>.</p>