From: Copilot <198982749+Copilot@users.noreply.github.com> Date: Sat, 15 Nov 2025 06:05:52 +0000 (-0800) Subject: Remove browsers and devices documentation page (#41875) X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=acdda008c32728bc991721c3f94d1fbdecfd1cfc;p=thirdparty%2Fbootstrap.git Remove browsers and devices documentation page (#41875) * Initial plan * Initial commit - planning to remove browsers-devices page Co-authored-by: mdo <98681+mdo@users.noreply.github.com> * Remove browsers-devices page and all references Co-authored-by: mdo <98681+mdo@users.noreply.github.com> * Add browser support info to Introduction page Co-authored-by: mdo <98681+mdo@users.noreply.github.com> --------- Co-authored-by: copilot-swe-agent[bot] <198982749+Copilot@users.noreply.github.com> Co-authored-by: mdo <98681+mdo@users.noreply.github.com> Co-authored-by: Mark Otto --- diff --git a/package-lock.json b/package-lock.json index 35e68740b2..b84bb31623 100644 --- a/package-lock.json +++ b/package-lock.json @@ -83,7 +83,6 @@ "remark-html": "^16.0.1", "rollup": "^4.53.2", "rollup-plugin-istanbul": "^5.0.0", - "rtlcss": "^4.3.0", "sass": "^1.90.0", "sass-true": "^9.0.0", "shelljs": "^0.10.0", @@ -16992,25 +16991,6 @@ } } }, - "node_modules/rtlcss": { - "version": "4.3.0", - "resolved": "https://registry.npmjs.org/rtlcss/-/rtlcss-4.3.0.tgz", - "integrity": "sha512-FI+pHEn7Wc4NqKXMXFM+VAYKEj/mRIcW4h24YVwVtyjI+EqGrLc2Hx/Ny0lrZ21cBWU2goLy36eqMcNj3AQJig==", - "dev": true, - "license": "MIT", - "dependencies": { - "escalade": "^3.1.1", - "picocolors": "^1.0.0", - "postcss": "^8.4.21", - "strip-json-comments": "^3.1.1" - }, - "bin": { - "rtlcss": "bin/rtlcss.js" - }, - "engines": { - "node": ">=12.0.0" - } - }, "node_modules/run-con": { "version": "1.3.2", "resolved": "https://registry.npmjs.org/run-con/-/run-con-1.3.2.tgz", diff --git a/site/data/sidebar.yml b/site/data/sidebar.yml index 61e428ed7c..a2fca20245 100644 --- a/site/data/sidebar.yml +++ b/site/data/sidebar.yml @@ -7,7 +7,6 @@ pages: - title: Introduction - title: Download - - title: Browsers & devices - title: JavaScript - title: Accessibility - title: RFS diff --git a/site/src/content/docs/components/modal.mdx b/site/src/content/docs/components/modal.mdx index 73fdc6b402..56b59600fe 100644 --- a/site/src/content/docs/components/modal.mdx +++ b/site/src/content/docs/components/modal.mdx @@ -12,7 +12,7 @@ Before getting started with Bootstrap’s modal component, be sure to read the f - Clicking on the modal “backdrop” will automatically close the modal. - Bootstrap only supports one modal window at a time. Nested modals aren’t supported as we believe them to be poor user experiences. - Modals use `position: fixed`, which can sometimes be a bit particular about its rendering. Whenever possible, place your modal HTML in a top-level position to avoid potential interference from other elements. You’ll likely run into issues when nesting a `.modal` within another fixed element. -- Once again, due to `position: fixed`, there are some caveats with using modals on mobile devices. [See our browser support docs]([[docsref:/getting-started/browsers-devices#modals-and-dropdowns-on-mobile]]) for details. +- Once again, due to `position: fixed`, there are some caveats with using modals on mobile devices. - Due to how HTML5 defines its semantics, [the `autofocus` HTML attribute](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#attr-autofocus) has no effect in Bootstrap modals. To achieve the same effect, use some custom JavaScript: ```js diff --git a/site/src/content/docs/getting-started/browsers-devices.mdx b/site/src/content/docs/getting-started/browsers-devices.mdx deleted file mode 100644 index 3dd644edf2..0000000000 --- a/site/src/content/docs/getting-started/browsers-devices.mdx +++ /dev/null @@ -1,73 +0,0 @@ ---- -title: Browsers and devices -description: Learn about the browsers and devices, from modern to old, that are supported by Bootstrap, including known quirks and bugs for each. -toc: true ---- - -## Supported browsers - -Bootstrap supports the **latest, stable releases** of all major browsers and platforms. - -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. - -You can find our supported range of browsers and their versions [in our `.browserslistrc file`]([[config:repo]]/blob/v[[config:current_version]]/.browserslistrc): - - - -We use [Autoprefixer](https://github.com/postcss/autoprefixer) to handle intended browser support via CSS prefixes, which uses [Browserslist](https://github.com/browserslist/browserslist) to manage these browser versions. Consult their documentation for how to integrate these tools into your projects. - -### Mobile devices - -Generally speaking, Bootstrap supports the latest versions of each major platform’s default browsers. Note that proxy browsers (such as Opera Mini, Opera Mobile’s Turbo mode, UC Browser Mini, Amazon Silk) are not supported. - - -| | Chrome | Firefox | Safari | Android Browser & WebView | -| --- | --- | --- | --- | --- | -| **Android** | Supported | Supported | — | v6.0+ | -| **iOS** | Supported | Supported | Supported | — | - - -### Desktop browsers - -Similarly, the latest versions of most desktop browsers are supported. - - -| | Chrome | Firefox | Microsoft Edge | Opera | Safari | -| --- | --- | --- | --- | --- | --- | -| **Mac** | Supported | Supported | Supported | Supported | Supported | -| **Windows** | Supported | Supported | Supported | 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/enterprise/) version of Firefox. - -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 is not supported. **If you require Internet Explorer support, please use Bootstrap v4.** - -## Modals and dropdowns on mobile - -### Overflow and scrolling - -Support for `overflow: hidden;` on the `` element is quite limited in iOS and Android. To that end, when you scroll past the top or bottom of a modal in either of those devices’ browsers, the `` content will begin to scroll. See [Chrome bug #175502](https://issues.chromium.org/issues/40301599) (fixed in Chrome v40) and [WebKit bug #153852](https://bugs.webkit.org/show_bug.cgi?id=153852). - -### iOS text fields and scrolling - -As of iOS 9.2, while a modal is open, if the initial touch of a scroll gesture is within the boundary of a textual `` or a `