We read every piece of feedback, and take your input very seriously.
To see all available qualifiers, see our documentation.
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Materialize css version: 1.0.0
1.0.0
JS:
$('.carousel').carousel({ dist: 0, shift: 5, numVisible: 5, indicators: true, noWrap: false, fullWidth: false, duration: 200, });
HTML:
<div class="carousel"> <a class="carousel-item" href="#four!"><img src="https://lorempixel.com/250/250/nature/4"></a> <a class="carousel-item" href="#five!"><img src="https://lorempixel.com/250/250/nature/5"></a> </div>
When there are 2 items in carousel only one is visible. This is due to incorrect calculation of opacity.
Codepen for version 1.0.0 showing the issue: https://codepen.io/swiftanthony/pen/pogqEYo Codepen for version 0.100.2 where same code works correctly: https://codepen.io/swiftanthony/pen/KKVbgJP
0.100.2
The text was updated successfully, but these errors were encountered:
It seems this commit is a culprit: cbb4523#diff-ded54852f17bdc9eaad04d7492954385
Sorry, something went wrong.
Why are bugs not getting fixed (feel the 32k stars)? Is there a workaround for this issue?
if someone can fix this, the PR would be welcome at https://github.com/materializecss/materialize 😉
No branches or pull requests
Materialize css version:
1.0.0
JS:
HTML:
When there are 2 items in carousel only one is visible.
This is due to incorrect calculation of opacity.
Codepen for version
1.0.0
showing the issue: https://codepen.io/swiftanthony/pen/pogqEYoCodepen for version
0.100.2
where same code works correctly: https://codepen.io/swiftanthony/pen/KKVbgJPThe text was updated successfully, but these errors were encountered: