Splide JS autoWidth parameter doesn't work on Safari browser. #1271
-
|
Hello, community, I'm currently facing an issue with the Splide JS slider library, specifically regarding the autoWidth parameter. It seems that setting autoWidth: true doesn't produce the expected behavior on Safari browsers. I've tried to dynamically adjust the width of each slide based on its content, and while it works well on other browsers, Safari seems to ignore this setting. I've reviewed the documentation and various forums but couldn't find a clear solution. Has anyone encountered a similar problem or found a workaround for making autoWidth work consistently across different browsers, especially Safari? Any insights, suggestions, or experiences you can share would be greatly appreciated. Thank you in advance! This is the Chrome browser screenshot |
Beta Was this translation helpful? Give feedback.
Replies: 2 comments 2 replies
-
|
@emrannaziremon did you find a solution for this? having a very similar issue |
Beta Was this translation helpful? Give feedback.
-
|
Hey @moussaclarke, I solved this issue! The problem was caused by setting width: 100% on the images inside the slides. Once I changed them to width: auto, autoWidth: true worked correctly in Safari. Hope this helps! |
Beta Was this translation helpful? Give feedback.
-
|
Also having this issue |
Beta Was this translation helpful? Give feedback.
-
|
Hey @paulgoodfield, I solved this issue! The problem was caused by setting the width: 100% on the images inside the slides. Once I changed them to width: auto, autoWidth: true worked correctly in Safari. Hope this helps! |
Beta Was this translation helpful? Give feedback.
Hey @moussaclarke, I solved this issue!
The problem was caused by setting width: 100% on the images inside the slides. Once I changed them to width: auto, autoWidth: true worked correctly in Safari.
Hope this helps!