Bug 241911 - Text jitters and resizes when hovering/interacting with an element
Summary: Text jitters and resizes when hovering/interacting with an element
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: Text (show other bugs)
Version: Safari 15
Hardware: All All
: P2 Normal
Assignee: Nobody
URL:
Keywords: InRadar
Depends on:
Blocks:
 
Reported: 2022-06-23 05:29 PDT by Jan Faracik
Modified: 2022-06-30 05:30 PDT (History)
4 users (show)

See Also:

Attachments
A short video demoing the bug (422.16 KB, video/quicktime)
2022-06-23 05:29 PDT, Jan Faracik 		no flags Details
View All Add an attachment (proposed patch, testcase, etc.)

Note You need to log in before you can comment on or make changes to this bug.
Description Jan Faracik 2022-06-23 05:29:27 PDT 
Created attachment 460443 [details]
A short video demoing the bug

Overview

Hello, I'm a contributor to Jenkins CI. We're facing an issue solely on Safari/WebKit where text will occasionally jitter and resize when hovering/interacting with an element, e.g. a link in the sidebar. This can be hard to reproduce sometimes but I've had success with the steps below repeatedly. This behaviour is limited to Webkit/Safari and I can't reproduce it in other browsers.

Steps to reproduce

Open a private Safari window
Navigate to https://weekly.ci.jenkins.io
Hover over elements in the sidebar and watch as they jitter/change size

Expected results

The text should stay the same size when hovering/interacting with an element.

Additional information

We use REM for font sizes, e.g. a link in the sidebar might have the font-size set to 0.9rem. 

This has occurred for as long as I can remember using Safari/Jenkins.
Comment 1 Myles C. Maxfield 2022-06-24 08:22:47 PDT 
Interesting. This looks like a discrepancy between the fast and complex text codepaths.
Comment 2 Radar WebKit Bug Importer 2022-06-30 05:30:12 PDT 
<rdar://problem/96211917>