From 018a94c9c1766c2f191d98f14d8a780882d671ae Mon Sep 17 00:00:00 2001 From: XhmikosR Date: Mon, 9 Mar 2020 15:37:46 +0200 Subject: [PATCH] Remove Internet Explorer leftovers --- .github/ISSUE_TEMPLATE/bug.md | 4 +- .github/ISSUE_TEMPLATE/bug_report.md | 4 +- build/vnu-jar.js | 5 +-- js/tests/unit/modal.spec.js | 6 --- scss/_card.scss | 3 -- scss/forms/_form-control.scss | 6 --- scss/forms/_form-file.scss | 7 ---- scss/forms/_form-select.scss | 5 --- .../docs/4.3/examples/album/index.html | 2 +- .../content/docs/4.3/examples/blog/index.html | 2 +- .../docs/4.3/examples/carousel/index.html | 2 +- .../docs/4.3/examples/cover/index.html | 2 +- .../docs/4.3/examples/dashboard/index.html | 2 +- .../floating-labels/floating-labels.css | 11 ------ .../docs/4.3/examples/navbar-fixed/index.html | 2 +- .../4.3/examples/navbar-static/index.html | 2 +- .../docs/4.3/examples/navbars/index.html | 2 +- .../docs/4.3/examples/offcanvas/index.html | 2 +- .../4.3/examples/starter-template/index.html | 2 +- .../examples/sticky-footer-navbar/index.html | 2 +- .../4.3/examples/sticky-footer/index.html | 2 +- site/content/docs/4.3/forms/form-control.md | 2 - .../4.3/getting-started/browsers-devices.md | 9 ++--- .../docs/4.3/getting-started/javascript.md | 37 ------------------- .../docs/4.3/getting-started/theming.md | 2 +- site/content/docs/4.3/helpers/position.md | 2 - site/content/docs/4.3/layout/grid.md | 2 +- site/content/docs/4.3/migration.md | 2 +- site/content/docs/4.3/utilities/flex.md | 2 - site/layouts/_default/404.html | 2 +- site/layouts/_default/docs.html | 2 +- site/layouts/_default/single.html | 2 +- .../partials/callout-warning-input-support.md | 2 +- site/layouts/partials/home/masthead.html | 2 +- 34 files changed, 28 insertions(+), 115 deletions(-) diff --git a/.github/ISSUE_TEMPLATE/bug.md b/.github/ISSUE_TEMPLATE/bug.md index 8971d44adb..1f2a890b12 100644 --- a/.github/ISSUE_TEMPLATE/bug.md +++ b/.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/) diff --git a/.github/ISSUE_TEMPLATE/bug_report.md b/.github/ISSUE_TEMPLATE/bug_report.md index 2d77bb50ef..083fa137e5 100644 --- a/.github/ISSUE_TEMPLATE/bug_report.md +++ b/.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/) diff --git a/build/vnu-jar.js b/build/vnu-jar.js index 4018873f8d..674cdb4430 100644 --- a/build/vnu-jar.js +++ b/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
/ 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 = [ diff --git a/js/tests/unit/modal.spec.js b/js/tests/unit/modal.spec.js index b4923ab3f4..62d0835ee9 100644 --- a/js/tests/unit/modal.spec.js +++ b/js/tests/unit/modal.spec.js @@ -653,7 +653,6 @@ describe('Modal', () => { it('should enforce focus', done => { fixtureEl.innerHTML = '
' - 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) diff --git a/scss/_card.scss b/scss/_card.scss index 132f79e1eb..db2da9e4ab 100644 --- a/scss/_card.scss +++ b/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; } diff --git a/scss/forms/_form-control.scss b/scss/forms/_form-control.scss index 5d1c1b6922..fb3142333e 100644 --- a/scss/forms/_form-control.scss +++ b/scss/forms/_form-control.scss @@ -22,12 +22,6 @@ @include box-shadow($input-box-shadow); @include transition($input-transition); - // Unstyle the caret on `` elements in your form styled as plain tex ## Color -Keep in mind color inputs are [not supported in IE](https://caniuse.com/#feat=input-color). - {{< example >}}
diff --git a/site/content/docs/4.3/getting-started/browsers-devices.md b/site/content/docs/4.3/getting-started/browsers-devices.md index 0b84930cb6..b6600db0ed 100644 --- a/site/content/docs/4.3/getting-started/browsers-devices.md +++ b/site/content/docs/4.3/getting-started/browsers-devices.md @@ -8,7 +8,7 @@ toc: true ## Supported browsers -Bootstrap supports the **latest, stable releases** of all major browsers and platforms. On Windows, **we support Internet Explorer 11 / Microsoft Edge**. +Bootstrap supports the **latest, stable releases** of all major browsers and platforms. On Windows, **we support Microsoft Edge**. Alternative browsers which use the latest version of WebKit, Blink, or Gecko, whether directly or via the platform's web view API, are not explicitly supported. However, Bootstrap should (in most cases) display and function correctly in these browsers as well. More specific support information is provided below. @@ -64,7 +64,6 @@ Similarly, the latest versions of most desktop browsers are supported. Chrome Firefox - Internet Explorer Microsoft Edge Opera Safari @@ -75,7 +74,6 @@ Similarly, the latest versions of most desktop browsers are supported. Mac Supported Supported - — Supported Supported Supported @@ -84,7 +82,6 @@ Similarly, the latest versions of most desktop browsers are supported. Windows Supported Supported - IE11 only Supported Supported — @@ -94,11 +91,11 @@ Similarly, the latest versions of most desktop browsers are supported. For Firefox, in addition to the latest normal stable release, we also support the latest [Extended Support Release (ESR)](https://www.mozilla.org/en-US/firefox/organizations/#faq) version of Firefox. -Unofficially, Bootstrap should look and behave well enough in Chromium and Chrome for Linux, Firefox for Linux, and Internet Explorer 9, though they are not officially supported. +Unofficially, Bootstrap should look and behave well enough in Chromium and Chrome for Linux, and Firefox for Linux, though they are not officially supported. ## Internet Explorer -Internet Explorer 11 is supported; IE10 and down is not. Please be aware that some CSS3 properties and HTML5 elements are not fully supported in Internet Explorer, or require prefixed properties for full functionality. Visit [Can I use...](https://caniuse.com/) for details on browser support of CSS3 and HTML5 features. **If you require IE10 support, use Bootstrap 4.** +Internet Explorer is not supported. **If you require Internet Explorer support, please use Bootstrap v4.** ## Modals and dropdowns on mobile diff --git a/site/content/docs/4.3/getting-started/javascript.md b/site/content/docs/4.3/getting-started/javascript.md index f02ea5bc7b..3c5eecf360 100644 --- a/site/content/docs/4.3/getting-started/javascript.md +++ b/site/content/docs/4.3/getting-started/javascript.md @@ -227,40 +227,3 @@ var tooltip = new bootstrap.Tooltip(yourTooltipEl, { } }) {{< /highlight >}} - -## Compatibility with IE 11 - -Bootstrap v5 isn't designed to work with Internet Explorer 11, but you can add the following polyfills to make it work: - -{{< highlight html >}} - - - -{{< /highlight >}} diff --git a/site/content/docs/4.3/getting-started/theming.md b/site/content/docs/4.3/getting-started/theming.md index ad028b7923..dcaa593f10 100644 --- a/site/content/docs/4.3/getting-started/theming.md +++ b/site/content/docs/4.3/getting-started/theming.md @@ -221,7 +221,7 @@ You can also specify a base color with our color map functions: #### Escape SVG -We use the `escape-svg` function to escape the `<`, `>` and `#` characters for SVG background images. These characters need to be escaped to properly render the background images in IE. +We use the `escape-svg` function to escape the `<`, `>` and `#` characters for SVG background images. #### Add and Subtract functions diff --git a/site/content/docs/4.3/helpers/position.md b/site/content/docs/4.3/helpers/position.md index c44002ae97..ef7ab0dfc3 100644 --- a/site/content/docs/4.3/helpers/position.md +++ b/site/content/docs/4.3/helpers/position.md @@ -26,8 +26,6 @@ Position an element at the bottom of the viewport, from edge to edge. Be sure yo Position an element at the top of the viewport, from edge to edge, but only after you scroll past it. The `.sticky-top` utility uses CSS's `position: sticky`, which isn't fully supported in all browsers. -**IE11 and IE10 will render `position: sticky` as `position: relative`.** As such, we wrap the styles in a `@supports` query, limiting the stickiness to only browsers that can render it properly. - {{< highlight html >}}
...
{{< /highlight >}} diff --git a/site/content/docs/4.3/layout/grid.md b/site/content/docs/4.3/layout/grid.md index 82ee25f1f6..cba764b3ea 100644 --- a/site/content/docs/4.3/layout/grid.md +++ b/site/content/docs/4.3/layout/grid.md @@ -520,7 +520,7 @@ In practice, here's how it looks. Note you can continue to use this with all oth ## Alignment -Use flexbox alignment utilities to vertically and horizontally align columns. **Internet Explorer 10-11 do not support vertical alignment of flex items when the flex container has a `min-height` as shown below.** [See Flexbugs #3 for more details.](https://github.com/philipwalton/flexbugs#flexbug-3) +Use flexbox alignment utilities to vertically and horizontally align columns. ### Vertical alignment diff --git a/site/content/docs/4.3/migration.md b/site/content/docs/4.3/migration.md index 91d4bf20cc..7c0541c00b 100644 --- a/site/content/docs/4.3/migration.md +++ b/site/content/docs/4.3/migration.md @@ -11,7 +11,7 @@ toc: true See the browser and devices page for details on what is currently supported in Bootstrap 5. Since v4, here's what's changed to our browser support: -- Dropped support for Internet Explorer NN +- Dropped support for Internet Explorer 10 and 11 - Dropped support for Firefox NN - MM - Dropped support for Safari NN - Dropped support for iOS Safari NN diff --git a/site/content/docs/4.3/utilities/flex.md b/site/content/docs/4.3/utilities/flex.md index 9ce4f27c5d..58043a47aa 100644 --- a/site/content/docs/4.3/utilities/flex.md +++ b/site/content/docs/4.3/utilities/flex.md @@ -296,8 +296,6 @@ Responsive variations also exist for `flex-grow` and `flex-shrink`. Flexbox can do some pretty awesome things when you mix flex alignments with auto margins. Shown below are three examples of controlling flex items via auto margins: default (no auto margin), pushing two items to the right (`.mr-auto`), and pushing two items to the left (`.ml-auto`). -**Unfortunately, IE10 and IE11 do not properly support auto margins on flex items whose parent has a non-default `justify-content` value.** [See this StackOverflow answer](https://stackoverflow.com/a/37535548) for more details. - {{< example >}}
Flex item
diff --git a/site/layouts/_default/404.html b/site/layouts/_default/404.html index fc0890087a..744865cd4f 100644 --- a/site/layouts/_default/404.html +++ b/site/layouts/_default/404.html @@ -8,7 +8,7 @@ {{ partial "docs-navbar" . }} -
+
{{ .Content }}
diff --git a/site/layouts/_default/docs.html b/site/layouts/_default/docs.html index c47c0af7f7..b1efb6b132 100644 --- a/site/layouts/_default/docs.html +++ b/site/layouts/_default/docs.html @@ -15,7 +15,7 @@ {{ partial "docs-sidebar" . }}
-
+

{{ .Title | markdownify }}

{{ .Page.Params.Description | markdownify }}

{{ partial "ads" . }} diff --git a/site/layouts/_default/single.html b/site/layouts/_default/single.html index 09631ac19e..02972c3dda 100644 --- a/site/layouts/_default/single.html +++ b/site/layouts/_default/single.html @@ -19,7 +19,7 @@
-
+
{{ .Content }}
diff --git a/site/layouts/partials/callout-warning-input-support.md b/site/layouts/partials/callout-warning-input-support.md index 7c76995ed3..b6e140e9c8 100644 --- a/site/layouts/partials/callout-warning-input-support.md +++ b/site/layouts/partials/callout-warning-input-support.md @@ -1,3 +1,3 @@ ##### Date & color input support -Keep in mind date inputs are [not fully supported](https://caniuse.com/#feat=input-datetime) by IE and Safari. Color inputs also [lack support](https://caniuse.com/#feat=input-color) on IE. +Keep in mind date inputs are [not fully supported](https://caniuse.com/#feat=input-datetime) by all browsers, namely Safari. diff --git a/site/layouts/partials/home/masthead.html b/site/layouts/partials/home/masthead.html index 0cc05723fe..42897a720d 100644 --- a/site/layouts/partials/home/masthead.html +++ b/site/layouts/partials/home/masthead.html @@ -1,4 +1,4 @@ -
+