search

femioladeji / react-slideshow

A react component for slideshow supporting slide, fade and zoom
https://react-slideshow-image.netlify.app/
MIT License
359 stars 71 forks source link

Slider arrows don't display under Vite #232

Open brianlynn2 opened 1 week ago

brianlynn2 commented 1 week ago

Hi - I set up a sliding banner using the "Slider" under React and it worked fine.

I ported it to run under Vite and everything ran fine (images showed/slid, buttons worked, etc.) , except that the little arrows in the buttons did not show. I suspect it's a problem with the .css files under Vite that are somehow not showing the svg paths used to render the arrows on the buttons, but I haven't been able to figure out how to resolve this.

Original (under React):

2024-06-25

Under Vite: (note missing arrows on banner)

2024-06-25 (2)
femioladeji commented 1 week ago

Thanks for raising the issue. This will be looked into. You can probably use custom arrows for now as documented here https://react-slideshow-image.netlify.app/?path=/story/examples-customarrows--page

brianlynn2 commented 1 week ago

Thanks! That sounds like a good idea. Will give it a try when I can.

brianlynn2 commented 1 week ago

I did a quick try and it didn't work, per se ... but I was able to substitute a different arrow rendering method (just used a < and a > symbol instead of the svg) and it worked. So that approach should let me work around the issue. Thanks!