diff options
author | Mark Otto <markd.otto@gmail.com> | 2020-10-28 06:45:48 +0300 |
---|---|---|
committer | GitHub <noreply@github.com> | 2020-10-28 06:45:48 +0300 |
commit | 3e2f9ab237e0e338fbe497213ad2353e59fbee9c (patch) | |
tree | d1f1843ce62f3c5754e46f0df8eceb4d67a9b72d /dist/js/bootstrap.esm.js | |
parent | 582f52e9e147c5386d07f241a74a185175cc461d (diff) |
v5: Floating labels (#30449)
* v5: Promote floating labels example to component
- Adds new .form-floating
- Stubs out basics of a docs page
- Removes existing Example
* Update floating labels to support .form-select, make inputs and selects more consistent
- To do this, I made the .form-control and .form-select consistent in min-height vs height
- Removed some unused variables now
- Updated -color to be the -color because I don't know why this was any different before
- Update page to include some examples for layout, validation, and value
- Rewrite styles to not modify padding, but instead transform and opacity
* Streamline and bulletproof some things
- Apply some optimizations from code review
- Removed unecessary properties from the label
- Add some comments for what properties are required
- Move from fixed height for labels to height 100% so we can support textareas
- Improve docs a little bit, add ToC
* Move some values to variables, switch from scaling font-size to scale, update transforms
* Bring over changes from #30966 and add to them to tighten things up
* Delete the now unused example images
* Fix typo
* Allowlist the calc function
* Add transform-origin, update transform values
* Test out autofill fix
* Fix linter issue
* Mention it in the migration guide
* Bump bundlesize
* Add one more variable per review
* Shave .25rem off the height
Co-authored-by: XhmikosR <xhmikosr@gmail.com>
Diffstat (limited to 'dist/js/bootstrap.esm.js')
-rw-r--r-- | dist/js/bootstrap.esm.js | 23 |
1 files changed, 8 insertions, 15 deletions
diff --git a/dist/js/bootstrap.esm.js b/dist/js/bootstrap.esm.js index f636e90770..b47e0e9688 100644 --- a/dist/js/bootstrap.esm.js +++ b/dist/js/bootstrap.esm.js @@ -971,17 +971,6 @@ var Manipulator = { top: element.offsetTop, left: element.offsetLeft }; - }, - toggleClass: function toggleClass(element, className) { - if (!element) { - return; - } - - if (element.classList.contains(className)) { - element.classList.remove(className); - } else { - element.classList.add(className); - } } }; @@ -2226,8 +2215,10 @@ var Dropdown = /*#__PURE__*/function () { this._element.setAttribute('aria-expanded', true); - Manipulator.toggleClass(this._menu, CLASS_NAME_SHOW$1); - Manipulator.toggleClass(this._element, CLASS_NAME_SHOW$1); + this._menu.classList.toggle(CLASS_NAME_SHOW$1); + + this._element.classList.toggle(CLASS_NAME_SHOW$1); + EventHandler.trigger(parent, EVENT_SHOWN$1, relatedTarget); }; @@ -2250,8 +2241,10 @@ var Dropdown = /*#__PURE__*/function () { this._popper.destroy(); } - Manipulator.toggleClass(this._menu, CLASS_NAME_SHOW$1); - Manipulator.toggleClass(this._element, CLASS_NAME_SHOW$1); + this._menu.classList.toggle(CLASS_NAME_SHOW$1); + + this._element.classList.toggle(CLASS_NAME_SHOW$1); + EventHandler.trigger(parent, EVENT_HIDDEN$1, relatedTarget); }; |