On ios 12.1 and below, input checkbox = checked (nuxt.js) is supported, what should I do?

Question

css

Advised to rewrite the question.
So, the site is written in Nuxt.Js technology
. checked state. (the logic works, just there is no tick itself) Neither by default, nor with styles. In version 12.2 and above, everything is good.
What to do ? How to solve the problem?

Answer 1

The error was in the method handler.
The input checkbox had the @click = 'toto' method
AND ios 12.1 and below didn't render the checkbox. It was assumed that the error passes through the method and the method was changed from @click="toto" to @change="toto" , after that everything started working!

Answer 2

And if you poke a few times, a tick starts to appear? And if you poke and scroll? Try adding this to the checkbox transform: translateZ(0), to all the properties transformof this element, right at the end.