mirror_css/bootstrap
1
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-08-19 11:51:23 +02:00
Code Issues Releases Wiki Activity

Fix ?

Browse Source
This commit is contained in:
louismaxime.piton
2023-03-02 09:36:00 +01:00
parent 23d20fa54f
commit b8ef1f7c71
1 changed files with 8 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
js/src/tab.js
View File

@@ -109,12 +109,13 @@ class Tab extends BaseComponent {
this._activate(SelectorEngine.getElementFromSelector(element)) // Search and activate/show the proper section this._activate(SelectorEngine.getElementFromSelector(element)) // Search and activate/show the proper section
const complete = () => { const complete = () => {
element.removeAttribute('tabindex')
if (element.getAttribute('role') !== 'tab') { if (element.getAttribute('role') !== 'tab') {
element.classList.add(CLASS_NAME_SHOW) element.classList.add(CLASS_NAME_SHOW)
return return
} }
element.removeAttribute('tabindex')
element.setAttribute('aria-selected', true) element.setAttribute('aria-selected', true)
this._toggleDropDown(element, true) this._toggleDropDown(element, true)
EventHandler.trigger(element, EVENT_SHOWN, { EventHandler.trigger(element, EVENT_SHOWN, {
@@ -136,13 +137,14 @@ class Tab extends BaseComponent {
this._deactivate(SelectorEngine.getElementFromSelector(element)) // Search and deactivate the shown section too this._deactivate(SelectorEngine.getElementFromSelector(element)) // Search and deactivate the shown section too
const complete = () => { const complete = () => {
element.setAttribute('tabindex', '-1')
if (element.getAttribute('role') !== 'tab') { if (element.getAttribute('role') !== 'tab') {
element.classList.remove(CLASS_NAME_SHOW) element.classList.remove(CLASS_NAME_SHOW)
return return
} }
element.setAttribute('aria-selected', false) element.setAttribute('aria-selected', false)
element.setAttribute('tabindex', '-1')
this._toggleDropDown(element, false) this._toggleDropDown(element, false)
EventHandler.trigger(element, EVENT_HIDDEN, { relatedTarget: relatedElem }) EventHandler.trigger(element, EVENT_HIDDEN, { relatedTarget: relatedElem })
} }
@@ -162,6 +164,8 @@ class Tab extends BaseComponent {
if (nextActiveElement) { if (nextActiveElement) {
nextActiveElement.focus({ preventScroll: true }) nextActiveElement.focus({ preventScroll: true })
// eslint-disable-next-line no-console
console.log(nextActiveElement)
Tab.getOrCreateInstance(nextActiveElement).show() Tab.getOrCreateInstance(nextActiveElement).show()
} }
} }
@@ -231,7 +235,6 @@ class Tab extends BaseComponent {
toggle(SELECTOR_DROPDOWN_TOGGLE, CLASS_NAME_ACTIVE) toggle(SELECTOR_DROPDOWN_TOGGLE, CLASS_NAME_ACTIVE)
toggle(SELECTOR_DROPDOWN_MENU, CLASS_NAME_SHOW) toggle(SELECTOR_DROPDOWN_MENU, CLASS_NAME_SHOW)
outerElem.setAttribute('aria-expanded', open)
} }
_setAttributeIfNotExists(element, attribute, value) { _setAttributeIfNotExists(element, attribute, value) {
@@ -285,6 +288,8 @@ EventHandler.on(document, EVENT_CLICK_DATA_API, SELECTOR_DATA_TOGGLE, function (
return return
} }
// eslint-disable-next-line no-console
console.log(this)
Tab.getOrCreateInstance(this).show() Tab.getOrCreateInstance(this).show()
}) })