Repository navigation
Carousel still autoplays after first interaction when data-slide / data-bs-slide omitted #32640
Description
From the documentation, I would assume that a carousel only autoplays if it either has data-bs-ride="true" (autoplays after the first interaction) or data-bs-ride="carousel" (autoplays on load).
When testing this on https://deploy-preview-32638--twbs-bootstrap.netlify.app/docs/5.0/components/carousel/#suppressing-touch-swiping and https://deploy-preview-32639--twbs-bootstrap.netlify.app/docs/4.5/components/carousel/#suppressing-touch-swiping it seems that omitting the data-bs-ride (or data- for 4.5) altogether still ends up behaving like data-bs-ride="true", i.e. after first interaction with the prev or next button, it starts autoplaying anyway (even though the default is, supposedly, false)
Is this...expected?
Activity
[-]Carousel `data-slide` / `data-bs-slide` weirdness[/-][+]Carousel still autoplays after first interaction when `data-slide` / `data-bs-slide` omitted[/+]patrickhlauke commentedon Dec 28, 2020
or is this controlled via the
.slideclass as well? i.e. the presence of.slidewill act likedata-bs-ride="true"? if so, this is not currently documented anywherepatrickhlauke commentedon Dec 28, 2020
tried to work out what the logic here is, but seem to have gotten myself utterly confused in the process...
in v5 the options table talks about
slideas the option. this seems wrong, it's likelyride.now for both my v4.5 and v5.0 examples in #32638 and #32639 i removed the
data-ride/data-bs-rideattributes from the examples...and yet, they still autoplay after the first interaction. not sure what is going on...if it's me missing something, or if our code is just borked, or...patrickhlauke commentedon Dec 28, 2020
also, it sounds like the
.slideclass should really be renamed to.carousel-slide?patrickhlauke commentedon Dec 28, 2020
now getting a weird suspicion...is there perhaps, by design, no way to actually stop autoplaying at all? but just a choice of autoplaying after interaction (default) or right on page load (carousel)? if so, that seems a horrendous omission
tannermann commentedon Dec 28, 2020
Did you try adding
data-bs-interval="false"to the carousel?patrickhlauke commentedon Dec 28, 2020
urgh, good call @thenomadicmann ... that's rather obtuse design, i have to say... (same for using
rideas an option, makes no sense). I'll give it a shot