Drop Legacy Edge support.

.browserslistrc

@@ -5,7 +5,9 @@ last 1 major version
 not dead
 Chrome >= 60
 Firefox >= 60
-Edge >= 16
+# needed since Legacy Edge still has usage; 79 was the first Chromium Edge version
+# should be removed in the future when its usage drops or when it's moved to dead browsers
+not Edge < 79
 iOS >= 10
 Safari >= 10
 Android >= 6

.bundlewatch.config.json

@@ -30,31 +30,31 @@
     },
     {
       "path": "./dist/css/bootstrap.min.css",
-      "maxSize": "21.6 kB"
+      "maxSize": "21.5 kB"
     },
     {
       "path": "./dist/js/bootstrap.bundle.js",
-      "maxSize": "51 kB"
+      "maxSize": "50 kB"
     },
     {
       "path": "./dist/js/bootstrap.bundle.min.js",
-      "maxSize": "22.5 kB"
+      "maxSize": "22 kB"
     },
     {
       "path": "./dist/js/bootstrap.esm.js",
-      "maxSize": "28 kB"
+      "maxSize": "27 kB"
     },
     {
       "path": "./dist/js/bootstrap.esm.min.js",
-      "maxSize": "19 kB"
+      "maxSize": "18 kB"
     },
     {
       "path": "./dist/js/bootstrap.js",
-      "maxSize": "29 kB"
+      "maxSize": "28 kB"
     },
     {
       "path": "./dist/js/bootstrap.min.js",
-      "maxSize": "16 kB"
+      "maxSize": "15.5 kB"
     }
   ],
   "ci": {

build/build-plugins.js

@@ -26,7 +26,6 @@ const bsPlugins = {
   Data: path.resolve(__dirname, '../js/src/dom/data.js'),
   EventHandler: path.resolve(__dirname, '../js/src/dom/event-handler.js'),
   Manipulator: path.resolve(__dirname, '../js/src/dom/manipulator.js'),
-  Polyfill: path.resolve(__dirname, '../js/src/dom/polyfill.js'),
   SelectorEngine: path.resolve(__dirname, '../js/src/dom/selector-engine.js'),
   Alert: path.resolve(__dirname, '../js/src/alert.js'),
   Button: path.resolve(__dirname, '../js/src/button.js'),
@@ -66,10 +65,7 @@ const getConfigByPluginKey = pluginKey => {
     pluginKey === 'Sanitizer'
   ) {
     return {
-      external: [bsPlugins.Polyfill],
-      globals: {
-        [bsPlugins.Polyfill]: 'Polyfill'
-      }
+      external: []
     }
   }
 
@@ -138,7 +134,6 @@ const domObjects = [
   'Data',
   'EventHandler',
   'Manipulator',
-  'Polyfill',
   'SelectorEngine'
 ]
 

js/src/dom/event-handler.js

@@ -6,7 +6,6 @@
  */
 
 import { getjQuery } from '../util/index'
-import { defaultPreventedPreservedOnDispatch } from './polyfill'
 
 /**
  * ------------------------------------------------------------------------
@@ -314,12 +313,6 @@ const EventHandler = {
 
     if (defaultPrevented) {
       evt.preventDefault()
-
-      if (!defaultPreventedPreservedOnDispatch) {
-        Object.defineProperty(evt, 'defaultPrevented', {
-          get: () => true
-        })
-      }
     }
 
     if (nativeDispatch) {

js/src/dom/selector-engine.js

@@ -5,8 +5,6 @@
  * --------------------------------------------------------------------------
  */
 
-import { find as findFn, findOne } from './polyfill'
-
 /**
  * ------------------------------------------------------------------------
  * Constants
@@ -21,11 +19,11 @@ const SelectorEngine = {
   },
 
   find(selector, element = document.documentElement) {
-    return [].concat(...findFn.call(element, selector))
+    return [].concat(...Element.prototype.querySelectorAll.call(element, selector))
   },
 
   findOne(selector, element = document.documentElement) {
-    return findOne.call(element, selector)
+    return Element.prototype.querySelector.call(element, selector)
   },
 
   children(element, selector) {

js/tests/browsers.js

@@ -23,13 +23,6 @@ const browsers = {
     browser: 'Firefox',
     browser_version: 'latest'
   },
-  edgeWin10: {
-    base: 'BrowserStack',
-    os: 'Windows',
-    os_version: '10',
-    browser: 'Edge',
-    browser_version: '16'
-  },
   chromeWin10: {
     base: 'BrowserStack',
     os: 'Windows',

js/tests/karma.conf.js

@@ -137,16 +137,6 @@ if (browserStack) {
         branches: 89,
         functions: 90,
         lines: 90
-      },
-      each: {
-        overrides: {
-          'js/src/dom/polyfill.js': {
-            statements: 30,
-            lines: 30,
-            branches: 8,
-            functions: 30
-          }
-        }
       }
     }
   }

js/tests/visual/alert.html

@@ -51,7 +51,6 @@ <h1>Alert <small>Bootstrap Visual Test</small></h1>
       </div>
     </div>
 
-    <script src="../../dist/dom/polyfill.js"></script>
     <script src="../../dist/dom/event-handler.js"></script>
     <script src="../../dist/dom/selector-engine.js"></script>
     <script src="../../dist/dom/data.js"></script>

js/tests/visual/button.html

@@ -44,7 +44,6 @@ <h1>Button <small>Bootstrap Visual Test</small></h1>
       </div>
     </div>
 
-    <script src="../../dist/dom/polyfill.js"></script>
     <script src="../../dist/dom/event-handler.js"></script>
     <script src="../../dist/dom/selector-engine.js"></script>
     <script src="../../dist/dom/data.js"></script>

js/tests/visual/carousel.html

@@ -45,7 +45,6 @@ <h1>Carousel <small>Bootstrap Visual Test</small></h1>
       </div>
     </div>
 
-    <script src="../../dist/dom/polyfill.js"></script>
     <script src="../../dist/dom/event-handler.js"></script>
     <script src="../../dist/dom/selector-engine.js"></script>
     <script src="../../dist/dom/manipulator.js"></script>

js/tests/visual/collapse.html

@@ -71,7 +71,6 @@ <h5 class="mb-0">
       </div>
     </div>
 
-    <script src="../../dist/dom/polyfill.js"></script>
     <script src="../../dist/dom/event-handler.js"></script>
     <script src="../../dist/dom/selector-engine.js"></script>
     <script src="../../dist/dom/manipulator.js"></script>

js/tests/visual/dropdown.html

@@ -210,7 +210,6 @@ <h1>Dropdown <small>Bootstrap Visual Test</small></h1>
     </div>
 
     <script src="../../../node_modules/popper.js/dist/umd/popper.min.js"></script>
-    <script src="../../dist/dom/polyfill.js"></script>
     <script src="../../dist/dom/event-handler.js"></script>
     <script src="../../dist/dom/selector-engine.js"></script>
     <script src="../../dist/dom/data.js"></script>

js/tests/visual/modal.html

@@ -206,7 +206,6 @@ <h4 class="modal-title" id="slowModalLabel">Lorem slowly</h4>
     </div>
 
     <script src="../../../node_modules/popper.js/dist/umd/popper.min.js"></script>
-    <script src="../../dist/dom/polyfill.js"></script>
     <script src="../../dist/dom/event-handler.js"></script>
     <script src="../../dist/dom/selector-engine.js"></script>
     <script src="../../dist/dom/data.js"></script>

js/tests/visual/popover.html

@@ -32,7 +32,6 @@ <h1>Popover <small>Bootstrap Visual Test</small></h1>
     </div>
 
     <script src="../../../node_modules/popper.js/dist/umd/popper.min.js"></script>
-    <script src="../../dist/dom/polyfill.js"></script>
     <script src="../../dist/dom/event-handler.js"></script>
     <script src="../../dist/dom/selector-engine.js"></script>
     <script src="../../dist/dom/manipulator.js"></script>

js/tests/visual/scrollspy.html

@@ -86,7 +86,6 @@ <h2 id="final">Final section</h2>
       <p>Ad leggings keytar, brunch id art party dolor labore.</p>
     </div>
 
-    <script src="../../dist/dom/polyfill.js"></script>
     <script src="../../dist/dom/data.js"></script>
     <script src="../../dist/dom/event-handler.js"></script>
     <script src="../../dist/dom/selector-engine.js"></script>

js/tests/visual/tab.html

@@ -222,7 +222,6 @@ <h4>Tabs with list-group (with fade)</h4>
     </div>
 
     <script src="../../../node_modules/popper.js/dist/umd/popper.min.js"></script>
-    <script src="../../dist/dom/polyfill.js"></script>
     <script src="../../dist/dom/event-handler.js"></script>
     <script src="../../dist/dom/selector-engine.js"></script>
     <script src="../../dist/dom/data.js"></script>

js/tests/visual/toast.html

@@ -52,7 +52,6 @@ <h1>Toast <small>Bootstrap Visual Test</small></h1>
       </div>
     </div>
 
-    <script src="../../dist/dom/polyfill.js"></script>
     <script src="../../dist/dom/event-handler.js"></script>
     <script src="../../dist/dom/manipulator.js"></script>
     <script src="../../dist/dom/data.js"></script>

js/tests/visual/tooltip.html

@@ -70,7 +70,6 @@ <h1>Tooltip <small>Bootstrap Visual Test</small></h1>
     </div>
 
     <script src="../../../node_modules/popper.js/dist/umd/popper.min.js"></script>
-    <script src="../../dist/dom/polyfill.js"></script>
     <script src="../../dist/dom/selector-engine.js"></script>
     <script src="../../dist/dom/event-handler.js"></script>
     <script src="../../dist/dom/manipulator.js"></script>

scss/_reboot.scss

@@ -295,8 +295,6 @@ samp {
 // 1. Remove browser default top margin
 // 2. Reset browser default of `1em` to use `rem`s
 // 3. Don't allow content to break outside
-// 4. Disable auto-hiding scrollbar in legacy Edge to avoid overlap,
-//    making it impossible to interact with the content
 
 pre {
   display: block;
@@ -305,7 +303,6 @@ pre {
   overflow: auto; // 3
   @include font-size($code-font-size);
   color: $pre-color;
-  -ms-overflow-style: scrollbar; // 4
 
   // Account for some code outputs that place code tags in pre tags
   code {
@@ -434,13 +431,6 @@ textarea {
   line-height: inherit;
 }
 
-// Show the overflow in Edge
-
-button,
-input {
-  overflow: visible;
-}
-
 // Remove the inheritance of text transform in Firefox
 
 button,
@@ -516,8 +506,7 @@ fieldset {
 
 // 1. By using `float: left`, the legend will behave like a block element.
 //    This way the border of a fieldset wraps around the legend if present.
-// 2. Correct the text wrapping in Edge.
-// 3. Fix wrapping bug.
+// 2. Fix wrapping bug.
 //    See https://github.com/twbs/bootstrap/issues/29712
 
 legend {
@@ -528,10 +517,9 @@ legend {
   @include font-size($legend-font-size);
   font-weight: $legend-font-weight;
   line-height: inherit;
-  white-space: normal; // 2
 
   + * {
-    clear: left; // 3
+    clear: left; // 2
   }
 }