Safari (15) support

Hello @dmx09, I don’t have a MacOS right now to test this issue. Are you able to record a video and share it here? Thank you.

Hi Roel, I’ll try to get this done ASAP.

Many thanks!

Hi Roel, I have done a VERY rough video of what’s happening. If you can download the video from the link below hopefully this might help figure out the issue.

Link to video

Thank you @dmx09, I just watched the video and that’s a weird bug. Can you provide the website page where this is happening? So I can see the HTML.

Thank you.

Pls see link below.

https://bit.ly/3Kjaar8

Thanks.

Hi @rokumetal – just checking if u had any thoughts on this one, thanks!

Hey @dmx09, I couldn’t check the issue yet but my guessing is the counter wrapper height is small and Safari won’t understand that.

Hopefully I can fix it this week, thanks for your patience.

Hey Roel, just checking in.
Sorry to pester you as I know you provide this plugin free of charge, so no pressure.

Thanks.

Hello @dmx09, just checked your CSS code in your website.

Right now, the <div> height that contains the counter is 27px, that’s because the global line-height is 1.5em, but if I change the <div> line height to 1 value now the height is 85px.

I have a theory, hopefully I’m correct because I can’t test under a macOS environment, where Safari is not smart enough to render the height needed for those counters (text).

What can you do? Add this to your CSS and test, please:

.wp-block-roelmagdaleno-wp-countup-js div {
   line-height: 1;
}

Let me know if that works. Thanks.

Thanks Roel, I’ll give that a go.
Much appreciated.

That appears to work (tested with browserstack).
Many thanks! ??