Bug 258118 - safari: font-size transition is not smooth
Summary: safari: font-size transition is not smooth
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: Animations (show other bugs)
Version: Safari 16
Hardware: Mac (Intel) macOS 13
: P2 Normal
Assignee: Nobody
URL:
Keywords: InRadar
Depends on:
Blocks:
 
Reported: 2023-06-15 03:26 PDT by Amith B
Modified: 2023-06-22 03:27 PDT (History)
4 users (show)

See Also:


Attachments
a screen recording from w3school example in safari (534.56 KB, video/quicktime)
2023-06-15 03:26 PDT, Amith B
no flags Details

Note You need to log in before you can comment on or make changes to this bug.
Description Amith B 2023-06-15 03:26:09 PDT
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>
Comment 1 Myles C. Maxfield 2023-06-16 00:27:32 PDT
I think this is a dup of https://bugs.webkit.org/show_bug.cgi?id=46987
Comment 2 Radar WebKit Bug Importer 2023-06-22 03:27:16 PDT
<rdar://problem/111150083>