Issue with react-bootstrap/carousel -- Clicking on the Carousel indicators, arrows stops the auto looping in iphone

[chandru14]

Hi,
The click of arrows stops the auto looping of the carousel.
Steps to reproduce:

1. open the https://react-bootstrap.github.io/components/carousel/ in chrome inspector and select iPhone X mode
2. Click on any of the arrows (prev/next/) or the indicators at the bottom of the carousel - it moves to the slide and then stops the looping.

Any quick help would be appreciated.

[kyletsang]

Looks like pausedOnTouch is not getting reset due to an early return here:

react-bootstrap/src/Carousel.tsx

Lines 474 to 476 in 6f611c3

	if (Math.abs(touchDeltaX) <= SWIPE_THRESHOLD) {
	return;
	}

A single tap anywhere on the carousel would pause it.

[IsbahAhmed]

can you tell me how to stop auto looping of carousel?

[chandru14]

can you tell me how to stop auto looping of carousel?

Add the attribute interval and set to null to the Carousel tag
(you will find it in the https://react-bootstrap.github.io/components/carousel/
API section of carousel table)

[chandru14]

Hi,
The click of arrows stops the auto looping of the carousel.
Steps to reproduce:

1. open the https://react-bootstrap.github.io/components/carousel/ in chrome inspector and select iPhone X mode
2. Click on any of the arrows (prev/next/) or the indicators at the bottom of the carousel - it moves to the slide and then stops the looping.

Any quick help would be appreciated.

Hi,
is the issue fixed?
Can anyone help on this.

[kyletsang]

@chandru14, there is an open PR for this at #5435