Переход не гладкий в сафари

Question

Простой переход на размер шрифта приводит к заиканию в сафари, где он гладко в хроме и firefox. Является ли это проблемой сафари, проблемой webkit или чем-то еще? Любой взлом оценивается.

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

попробовать с 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" />