Safari 13 – Problem with Input field design

[morethandigital75Participant]

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 MarcinkoKeymaster]

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;
}

Best,
Ernest Marcinko
If you like my products, don't forget to rate them on codecanyon :)

[morethandigital75Participant]

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 MarcinkoKeymaster]

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.

Best,
Ernest Marcinko
If you like my products, don't forget to rate them on codecanyon :)

[morethandigital75Participant]

You cannot access this content.

[Ernest MarcinkoKeymaster]

You cannot access this content. Best,
Ernest Marcinko
If you like my products, don't forget to rate them on codecanyon :)

[morethandigital75Participant]

You cannot access this content.

[Ernest MarcinkoKeymaster]

You cannot access this content. Best,
Ernest Marcinko
If you like my products, don't forget to rate them on codecanyon :)

[morethandigital75Participant]

You cannot access this content.

[Ernest MarcinkoKeymaster]

You cannot access this content. Best,
Ernest Marcinko
If you like my products, don't forget to rate them on codecanyon :)

[morethandigital75Participant]

You cannot access this content.

[Ernest MarcinkoKeymaster]

You cannot access this content. Best,
Ernest Marcinko
If you like my products, don't forget to rate them on codecanyon :)

[morethandigital75Participant]

You cannot access this content.

[Ernest MarcinkoKeymaster]

You cannot access this content. Best,
Ernest Marcinko
If you like my products, don't forget to rate them on codecanyon :)

[Author]

Posts