Autoplay Progress does not work on Mac FireFox

[tvaught-personal]

Check that this is really a bug

• I confirm

Reproduction link

https://swiperjs.com/demos#autoplay-progress

Bug description

Using the most recent version of FF (123.0) on Mac 14.3.1, the autoplay progress dot is filled and does not draw the circle.

Expected Behavior

No response

Actual Behavior

No response

Swiper version

11.0.7

Platform/Target and Browser Versions

FF (123.0) on Mac 14.3.1

Validations

• Follow our Code of Conduct
• Read the docs.
• Check that there isn't already an issue that request the same feature to avoid creating a duplicate.
• Make sure this is a Swiper issue and not a framework-specific issue

Would you like to open a PR for this bug?

• I'm willing to open a PR

[tvaught-personal]

I believe I've figured out the issue.

The css for the element is currently:

.autoplay-progress svg {
stroke-dashoffset: calc(125.6 * (1 - var(--progress)));
}

The fix, add px after 125.6:

.autoplay-progress svg {
stroke-dashoffset: calc(125.6px * (1 - var(--progress)));
}

This was tested on Mac Safari, Chrome and FF - All Latest Versions.

[nolimits4web]

t0ggles-create swiper

[t0ggles]

Task nolimits4web/SWIPER-74 was created

[t0ggles]

Task nolimits4web/SWIPER-74 status changed to Done