Put this here as although it's a web dev problem, not technically programming, it's specifically related to iOS.
Safari on iOS 10 is responding to CSS @supports queries in a very bizarre way - it seems to be returning true for any query which is supported on either Safari for iOS or Safari for Mac. It's as if they share a common internal list of supported features, when they implement different functions. For example, both of the following return true on both iOS and Mac, even though Safari for Mac doesn't support -webkit-text-size-adjust (according to caniuse anyway) and safari for iOS doesn't support -webkit-font-smoothing.
@supports(-webkit-font-smoothing:antialiased)
@supports(-webkit-text-size-adjust:none)
Anyone have any ideas on a workaround? it's making it very difficult to fix a bug targeting only iOS devices running Safari using pure CSS, and I don't really want to resort to JS hacks.
Cheers!
Safari on iOS 10 is responding to CSS @supports queries in a very bizarre way - it seems to be returning true for any query which is supported on either Safari for iOS or Safari for Mac. It's as if they share a common internal list of supported features, when they implement different functions. For example, both of the following return true on both iOS and Mac, even though Safari for Mac doesn't support -webkit-text-size-adjust (according to caniuse anyway) and safari for iOS doesn't support -webkit-font-smoothing.
@supports(-webkit-font-smoothing:antialiased)
@supports(-webkit-text-size-adjust:none)
Anyone have any ideas on a workaround? it's making it very difficult to fix a bug targeting only iOS devices running Safari using pure CSS, and I don't really want to resort to JS hacks.
Cheers!