Übergang nicht glatt in Safari

Question

Ein einfacher Übergang auf Schriftgröße führt zu Stottern in Safari, wo es in Chrom und Firefox glatt ist. Ist dies ein Safari-Problem, ein Webkit-Problem oder etwas anderes? Jeder Hack wird geschätzt.

input { 
 
    font-size: 1vw; 
 
    transition: font-size 0.4s; 
 
    -webkit-appearance: none; 
 
    -moz-appearance: none; 
 
    appearance: none; 
 
    border: none; 
 
    box-shadow: none; 
 
    outline: none; 
 
} 
 
input:focus { 
 
    font-size: 1.2vw; 
 
}

<input type="text" placeholder="hello" value="hello"></input>

Answer 1

versuchen mit transition:duration

transition-duration:0.4s; 
-webkit-transition-duration:0.4s; 
-ms-transition-duration:0.4s; 
-moz-transition-duration:0.4s; 

input { 
 
    font-size: 15px; 
 
    -webkit-appearance: none; 
 
    -moz-appearance: none; 
 
    appearance: none; 
 
    border: none; 
 
    box-shadow: none; 
 
    outline: none; 
 
    transition-duration:0.4s; 
 
    -webkit-transition-duration:0.4s; 
 
    -ms-transition-duration:0.4s; 
 
    -moz-transition-duration:0.4s; 
 
    visibility:visible !important; 
 
} 
 
input:focus { 
 
    font-size: 30px; 
 
}

<input type="text" placeholder="hello" value="hello" />