Closed hadron43 closed 2 years ago
Describe the bug There's unnecessary padding in the carousel on Safari browser. It works fine with all other browsers like Chrome and Firefox.
To Reproduce This is my personal project: https://achievements-portal.vercel.app/ Carousel Code: https://github.com/hadron43/achievements-portal/blob/master/src/pages/Home/Banner.jsx
This is not working as expected on Safari.
Expected behavior Normal carousel as I see on Firefox and Chrome.
Screenshots On Firefox:
On Safari, (I don't have a Mac environment right now), As show by my friends, it appears distorted on Safari.
Environment
please paste the result of npx envinfo --system --binaries --browsers --npmPackages '@brainhubeu/*'
npx envinfo --system --binaries --browsers --npmPackages '@brainhubeu/*'
System: OS: Linux 5.4 KDE neon 5.21 CPU: (8) x64 Intel(R) Core(TM) i5-8265U CPU @ 1.60GHz Memory: 371.14 MB / 7.53 GB Container: Yes Shell: 5.0.17 - /bin/bash Binaries: Node: 10.19.0 - /usr/bin/node npm: 7.6.3 - /usr/local/bin/npm Browsers: Firefox: 86.0.1 npmPackages: @brainhubeu/react-carousel: ^1.19.26 => 1.19.26
desktop or mobile (which device & OS if mobile)? (Firefox on Linux)
Browser [Firefox]
Describe the bug There's unnecessary padding in the carousel on Safari browser. It works fine with all other browsers like Chrome and Firefox.
To Reproduce This is my personal project: https://achievements-portal.vercel.app/ Carousel Code: https://github.com/hadron43/achievements-portal/blob/master/src/pages/Home/Banner.jsx
This is not working as expected on Safari.
Expected behavior Normal carousel as I see on Firefox and Chrome.
Screenshots On Firefox:
On Safari, (I don't have a Mac environment right now), As show by my friends, it appears distorted on Safari.
Environment
please paste the result of
npx envinfo --system --binaries --browsers --npmPackages '@brainhubeu/*'System: OS: Linux 5.4 KDE neon 5.21 CPU: (8) x64 Intel(R) Core(TM) i5-8265U CPU @ 1.60GHz Memory: 371.14 MB / 7.53 GB Container: Yes Shell: 5.0.17 - /bin/bash Binaries: Node: 10.19.0 - /usr/bin/node npm: 7.6.3 - /usr/local/bin/npm Browsers: Firefox: 86.0.1 npmPackages: @brainhubeu/react-carousel: ^1.19.26 => 1.19.26
desktop or mobile (which device & OS if mobile)? (Firefox on Linux)
Browser [Firefox]