Bug 258118

Summary:

safari: font-size transition is not smooth

Product:

WebKit

Reporter:

Amith B <amithbr6>

Component:

Animations

Assignee:

Nobody <webkit-unassigned>

Status:

NEW ---

Severity:

Normal

CC:

dino, graouts, mmaxfield, webkit-bug-importer

Priority:

Keywords:

InRadar

Version:

Safari 16

Hardware:

Mac (Intel)

OS:

macOS 13

Attachments:

Description	Flags
a screen recording from w3school example in safari	none

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>