glide icon indicating copy to clipboard operation
glide copied to clipboard

dot highlighting not right with bound option

Open jklue opened this issue 1 year ago • 2 comments

Adding bound: true prevents last few dots from receiving the glide__bullet--active class. See Featured Artist band on https://staging.nantucketarts.org/art.

I see the issue on the glidejs options page as well when bound: true: https://glidejs.com/docs/options/#bound

jklue avatar Oct 27 '22 13:10 jklue

Bump!

I'm having the same issue, and it keeps the actual glide__slide slide from receiving glide__slide--active as well. Please address this.

There probably should be an additional option for bound to how whether to preserve the --active behavior on the remaining slides. If you need the slides to maintain an active state for selections of some sort, and then we would want to preserve this. But if it's just a general presentation, then preserving the active slide functionality and bullets along with it would be redundant. If it's just a visual presentation, and the active slide functionality was preserved, it may be weird to the user experience and may seem like there's dead clicks if there's nothing changing visually.

shanemac10 avatar Jul 30 '23 19:07 shanemac10

Here's what I'm using in my Sass to hide the dead bullets on my particular 3-column layout that breaks to 2-column at 1400px and to 1-col at 768px. It's a good enough fix for now.

	.glide__bullet:nth-last-child(2) {
		@media (min-width: 1401px) {
			display: none;
		}
	}
	.glide__bullet:nth-last-child(1) {
		@media (min-width: 769px) {
			display: none;
		}
	}

shanemac10 avatar Jul 30 '23 19:07 shanemac10