• Resolved dmx09

    (@dmx09)


    Hi there, great plugin so many thanks for your work.

    Can I ask if Safari is supported as I’m currently seeing some issues on Safari 15.
    Pls see screenshot (link below) of what’s happening. It’s perfectly fine in Chrome and Edge.

    Screenshot

    Thanks!

Viewing 11 replies - 1 through 11 (of 11 total)
  • Plugin Author Roel Magdaleno

    (@rokumetal)

    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.

    Thread Starter dmx09

    (@dmx09)

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

    Many thanks!

    Thread Starter dmx09

    (@dmx09)

    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

    Plugin Author Roel Magdaleno

    (@rokumetal)

    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.

    Thread Starter dmx09

    (@dmx09)

    Pls see link below.

    https://bit.ly/3Kjaar8

    Thanks.

    Thread Starter dmx09

    (@dmx09)

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

    Plugin Author Roel Magdaleno

    (@rokumetal)

    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.

    Thread Starter dmx09

    (@dmx09)

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

    Thanks.

    Plugin Author Roel Magdaleno

    (@rokumetal)

    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.

    Thread Starter dmx09

    (@dmx09)

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

    Thread Starter dmx09

    (@dmx09)

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

Viewing 11 replies - 1 through 11 (of 11 total)
  • The topic ‘Safari (15) support’ is closed to new replies.