Hello there, I’m tearing my hair out here because for some reason, none of my CSS declarations are removing the -webkit-appearance: textfield from the iOS Safari browser on my iPhone for the search modal on ontovictorypress.com. It’s working fine on Safari for desktop, but on mobile, it displays an ugly white background. It’s really interfering with the usability of it on mobile phones, as I have the text set to white. I’ve tried every specificity trick I can think of in the book, but I can’t seem to trump it unless I can put it inline on the element itself, but Cornerstone only lets me put custom attributes on the parent element (in this case, the <form> element). I’ve been using the mobile inspector for my phone on my Macbook to look into what is specifically happening on the page.
UPDATE: So, it appears this is an iOS 15.1 bug. I took a survey of dozens of friends and ended up with this. The common denominator, as you can see, is iOS 15.1.
Phone 13 Pro Max (iOS 15.1)— Error
iPhone 12 Pro Max (iOS 15.1) — Error
iPhone 12 Pro (iOS 14.8) — Perfect
iPhone 11 (iOS 14.7.1) — Perfect
iPhone XS (iOS 15.1) — Error
iPhone XR (iOS 15) — Perfect
iPhone XR (iOS 14.8) — Perfect
iPhone X (iOS 14.6) — Perfect
iPhone 8 (iOS 14.6) — Perfect
iPhone SE (iOS 15.1) — Error
iPhone SE (iOS 14.4.2) Perfect
Samsung Galaxy A71 — Perfect
Motorola eplay 5 — Perfect
How should I report this to Apple?
Hey @bobbybosler,
It’s probably a bug with iOS 15 so it’s best that you report this to iOS support. But, I’ll post this issue in our tracker as well so our development team would be made aware.
Thank you for reporting.
This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.