mirror_css/bootstrap
1
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-08-09 07:06:36 +02:00
Code Issues Releases Wiki Activity

fix(carousel): switch prev/next directions in RTL

Browse Source
This commit is contained in:
Gaël Poupard
2020-12-11 15:10:58 +01:00
committed by XhmikosR
parent e967ecf900
commit b85ca045e0
1 changed files with 21 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
js/src/carousel.js
View File

@@ -11,6 +11,7 @@ import {
getElementFromSelector, getElementFromSelector,
getTransitionDurationFromElement, getTransitionDurationFromElement,
isVisible, isVisible,
isRTL,
reflow, reflow,
triggerTransitionEnd, triggerTransitionEnd,
typeCheckConfig typeCheckConfig
@@ -250,14 +251,22 @@ class Carousel extends BaseComponent {
// swipe left // swipe left
if (direction > 0) { if (direction > 0) {
if (isRTL) {
this.next()
} else {
this.prev() this.prev()
} }
}
// swipe right // swipe right
if (direction < 0) { if (direction < 0) {
if (isRTL) {
this.prev()
} else {
this.next() this.next()
} }
} }
}
_addEventListeners() { _addEventListeners() {
if (this._config.keyboard) { if (this._config.keyboard) {
@@ -339,12 +348,20 @@ class Carousel extends BaseComponent {
if (event.key === ARROW_LEFT_KEY) { if (event.key === ARROW_LEFT_KEY) {
event.preventDefault() event.preventDefault()
if (isRTL) {
this.next()
} else {
this.prev() this.prev()
}
} else if (event.key === ARROW_RIGHT_KEY) { } else if (event.key === ARROW_RIGHT_KEY) {
event.preventDefault() event.preventDefault()
if (isRTL) {
this.prev()
} else {
this.next() this.next()
} }
} }
}
_getItemIndex(element) { _getItemIndex(element) {
this._items = element && element.parentNode ? this._items = element && element.parentNode ?