Bug 258118 – safari: font-size transition is not smooth

• Status: NEW
• Component: Animations

[Amith B]

Created attachment 466697 [details]
a screen recording from w3school example in safari

I have below code in html. The transition for font-size is not smooth as shown in attached screen recording.

<style>
.test-font-transition {
    font-size: 12px;
    -webkit-transition: font-size 2s;
       -moz-transition: font-size 2s;
         -o-transition: font-size 2s;
            transition: font-size 2s;
            will-change: font-size;
}

.test-font-transition:hover {
    font-size: 20px;  
}
</style>

<p class="test-font-transition">This is a paragraph.</p>

[Myles C. Maxfield]

I think this is a dup of https://bugs.webkit.org/show_bug.cgi?id=46987

[Radar WebKit Bug Importer]

<rdar://problem/111150083>