Safari 13 – Problem with Input field design

[morethandigital75]

Hello there,

I’m working on a customers project (https://schoneberg.kunden-projekte.com/) and we faced a design problem in Safari 13 with the Search Input field. The design definitions seem not to apply and the input field appears in a non-styled manner.

Attached you can find two screenshots. One screenshot of the input field in the latest version of firefox, where everything is fine. And one screenshot of the input field in Safari 13.

Is there any way how we can fix this with CSS?

Thanks,
Christian

[Ernest Marcinko]

Hi Christian,

Unfortunately the screenshots didn’t came through, but I might know what is going on regardless.

There is one known issue with certain IOS and safari versions on displaying the input fields properly. It is sort of a difference on how Safari and other webkit type browsers render some elements.

This custom CSS should resolve it though:

div div.asp_w.ajaxsearchpro input[type="search"].orig {
    -webkit-appearance: none !important;
}

[morethandigital75]

Thank you very much Ernest. This solved the problem.

Another question. When I’m using the elementor editor I can’t save my pages as long “Ajax Search Pro” is activated. Is there maybe a known solution for this problem?

Thanks,
Christian

[Ernest Marcinko]

Hi Christian,

No, that should not happen at all.

Can you please add temporary back-end and FTP access? I would like to debug the issue, to see if there is any 3rd party conflict or something similar.

[morethandigital75]

You cannot access this content.

[Ernest Marcinko]

You cannot access this content.

[morethandigital75]

You cannot access this content.

[Ernest Marcinko]

You cannot access this content.

[morethandigital75]

You cannot access this content.

[Ernest Marcinko]

You cannot access this content.

[morethandigital75]

You cannot access this content.

[Ernest Marcinko]

You cannot access this content.

[morethandigital75]

You cannot access this content.

[Ernest Marcinko]

You cannot access this content.

[Author]

Posts