The event gallery I developed using Slick Carousel for a Drupal 10 site is functioning properly across all browsers except Safari. I am not sure what is causing this issue.

Thank you.

What event? Custom codes?

Your screenshots show stacking dots, assumed CSS issues.

Stacking dots style is normally for vertical sliders.

For most display issues, please follow the provided steps here:
💬 Drupal 10 Slick not working as expected Postponed: needs info

If Bartik says good, it is your theme.
If Bartik says bad, it might be your custom modules, or anything that caused stacking dots. Hardly about this module specific for displays.

Compare to Slick samples to be sure.

At any rate press F12, hit Inspect element button, find the stacking dot items CSS rules, it might be overriden somewhere, and or simply need minor adjustment.

Use your own theme CSS to intentionally override by overspecifying it, must add your own selectors as needed:

.slick .slick-dots > li {
  display: inline-block;
}

Let me know?

Also switched to default Slick library.

The Accessible Slick still has open issues due to some conflicting issues. It is only useful if you can manage your own issues with it for the most parts as found in the open issues.

Hi @gausarts,

We have implemented an image gallery using the Slick module, which is designed to slide images horizontally. The gallery performs as expected across most browsers, including Chrome, Firefox, and Edge. However, we are encountering issues with its functionality in Safari.

No custom code written for this.

I must be wrong, but IIRC, Darwin said "missing link" is when you are more interested in problems than solutions.

Not sure if he got an Instagram account so to DM and verify it, but I surely see that guy come up quite often in Google.

You repeated your not-so-clear problems without giving feedbacks to the provided solutions. You must strive to explain better as noted in the docs:
https://git.drupalcode.org/project/slick/-/blob/3.0.x/docs/CONTRIBUTION....

Back on topic, I had been able to make Slick work for IE7 10 years ago. Minor adjustments apply, of course. It should work just as fine for another IE in modern world like the notorious Safari unless you or some other things messed it up.

You would be there if you followed the previously provided breadcrumbs. At any rate, when nothing goes right, go left.

You can do it, good luck!

Hi! I am also noticing some weirdness with Safari as well. My slick carousels are working very well in Firefox, Chrome, and Edge.
In Safari console is saying...

"Refused to execute a script because its hash, its nonce, or 'unsafe-inline' appears in neither the script-sc directive nor the default-sc directive of the Content Security Policy."

and

"Refused to load data:image/svg+xml because it appears in neither the img-sc directive nor the default-sc directive of the Content Security Policy."

> Content Security Policy
Your issue has no relevancy to OP. Consider creating a new issue, instead. It is free.

However to save eveyone' precious time, you can fix CSP issue with 2 options:

• Visit Blazy UI, enable No Javascript options.
• Install CSP module.

Automatically closed - issue fixed for 2 weeks with no activity.