Border-radius problem Slider element

[Marcus08]

Hi,

I have a minor issue with the slider element.

On mouse-hover, the border radius hides for a few seconds. It happens on the OS Safari desktop (latest version). Chrome is fine.

Is there a fix?

[tristup]

Hi Marcus,

Thanks for reaching out.
Sometimes only a screenshot does not help us to recognize the issue you are having. We need to examine the page to get the cause of the problem. If the login is required to check your website, please provide credentials for your site in a secure note to examine it further, including:

– WordPress Site URL & Login URL
– WordPress Admin username/password

To create a secure note, click the key icon underneath any of your posts.

Thanks

[christian]

Hey Marcus,

I only saw the issue in MacOS Safari 15 once but when I reloaded the page, I don’t see the issue anymore. With that said, this case is hard to investigate as the issue can’t be replicated repeatedly.

If the issue happens frequently on your end, please tell us your OS and Safari version.

Thanks.

[Marcus08]

Hi,

It happens in the slider all the time on Safari 15.1 (macOS) and Safari mobile (iPhone 12 max, latest version). Chrome is fine.

[ruenel]

Hey Marco,

Set the border radius of the Slide and Div element as well because you have nested two Divs inside the slide. Safari may be not rendering this because the border radius were only added to the child DIV element.

Hope this helps.

[Marcus08]

Hi Ruenel,

I checked, and as well the slide as the div has border-radius. As said, it happens only on Safari. Chrome is fine.
I think it has to be something else?

[Marcus08]

found it

Div (figure) z-index was set to auto. Changed it to 10 and it is solved.

[tristup]

Hi Marco,

Glad that it is solved.

Thanks