diff options
| author | Rohit Sharma <[email protected]> | 2021-03-02 20:57:13 +0530 |
|---|---|---|
| committer | GitHub <[email protected]> | 2021-03-02 17:27:13 +0200 |
| commit | b9e51dc3c4400ede5e72991dd0efacf9dbcb694e (patch) | |
| tree | 361ae7b291e0d47add71ba0a78130887bd29d005 | |
| parent | 977c366cbee0735fdbad3e970f352b83b4f5edb1 (diff) | |
| download | bootstrap-b9e51dc3c4400ede5e72991dd0efacf9dbcb694e.tar.xz bootstrap-b9e51dc3c4400ede5e72991dd0efacf9dbcb694e.zip | |
Dropdown — Drop `flip` option (#33198)
| -rw-r--r-- | js/src/dropdown.js | 3 | ||||
| -rw-r--r-- | site/content/docs/5.0/components/dropdowns.md | 6 | ||||
| -rw-r--r-- | site/content/docs/5.0/migration.md | 2 |
3 files changed, 2 insertions, 9 deletions
diff --git a/js/src/dropdown.js b/js/src/dropdown.js index fea0b1919..eeec9076d 100644 --- a/js/src/dropdown.js +++ b/js/src/dropdown.js @@ -73,7 +73,6 @@ const PLACEMENT_LEFT = isRTL() ? 'right-start' : 'left-start' const Default = { offset: [0, 2], - flip: true, boundary: 'clippingParents', reference: 'toggle', display: 'dynamic', @@ -82,7 +81,6 @@ const Default = { const DefaultType = { offset: '(array|string|function)', - flip: 'boolean', boundary: '(string|element)', reference: '(string|element|object)', display: 'string', @@ -328,7 +326,6 @@ class Dropdown extends BaseComponent { modifiers: [{ name: 'preventOverflow', options: { - altBoundary: this._config.flip, boundary: this._config.boundary } }, diff --git a/site/content/docs/5.0/components/dropdowns.md b/site/content/docs/5.0/components/dropdowns.md index d74eec765..52da465a3 100644 --- a/site/content/docs/5.0/components/dropdowns.md +++ b/site/content/docs/5.0/components/dropdowns.md @@ -980,12 +980,6 @@ Options can be passed via data attributes or JavaScript. For data attributes, ap </thead> <tbody> <tr> - <td><code>flip</code></td> - <td>boolean</td> - <td><code>true</code></td> - <td>Allow Dropdown to flip in case of an overlapping on the reference element. For more information refer to Popper's <a href="https://popper.js.org/docs/v2/modifiers/flip/">flip docs</a>.</td> - </tr> - <tr> <td><code>boundary</code></td> <td>string | element</td> <td><code>'clippingParents'</code></td> diff --git a/site/content/docs/5.0/migration.md b/site/content/docs/5.0/migration.md index 026038230..337dfd9af 100644 --- a/site/content/docs/5.0/migration.md +++ b/site/content/docs/5.0/migration.md @@ -18,6 +18,8 @@ toc: true var dropdown = new bootstrap.Dropdown('[data-bs-toggle="dropdown"]') ``` +- Dropped `flip` option for dropdown plugin in favor of native popper configuration. You can now disable the flipping behavior by passing an empty array for [`fallbackPlacements`](https://popper.js.org/docs/v2/modifiers/flip/#fallbackplacements) option in [flip](https://popper.js.org/docs/v2/modifiers/flip/) modifier. + ### Utilities - Dropped the `0` entry in `$border-widths` map to remove the duplicated `.border-0` class. |