daball/dashersupply
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Added preventDefault() behavior on Carousel prev/next button click event handlers.

Browse Source
This commit is contained in:
David Ball 2024-07-14 22:46:25 -04:00
parent 59d101676e
commit 5f6691e059
1 changed files with 3 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
src/components/ImageCarousel.astro
View File

@ -59,9 +59,11 @@ class ImageCarousel extends HTMLElement {
const nextButton = $(this).find('.carousel-btn-next'); const nextButton = $(this).find('.carousel-btn-next');
prevButton.click((evt: Event) => { prevButton.click((evt: Event) => {
this.plusSlides(-1); this.plusSlides(-1);
evt.preventDefault();
}); });
nextButton.click((evt: Event) => { nextButton.click((evt: Event) => {
this.plusSlides(1); this.plusSlides(1);
evt.preventDefault();
}); });
this.showSlide(this.slideIndex); this.showSlide(this.slideIndex);
} }
@ -149,6 +151,7 @@ image-carousel {
align-items: center; align-items: center;
justify-content: center; justify-content: center;
font-size: 2rem; font-size: 2rem;
outline: none !important;
} }
/* .carousel-btn-prev > a span, .carousel-btn-next > a span { /* .carousel-btn-prev > a span, .carousel-btn-next > a span {
position: relative; position: relative;