Bug 193008

Summary: Video controls cause transitions to trigger when they shouldn't
Product: WebKit Reporter: Rado <rado>
Component: TextAssignee: Nobody <webkit-unassigned>
Status: NEW    
Severity: Normal CC: graouts, mmaxfield, rado, simon.fraser, webkit-bug-importer, zalan
Priority: P2 Keywords: InRadar
Version: Safari 12   
Hardware: Mac   
OS: macOS 10.14   
Attachments:
Description Flags
Reduction none

Rado
Reported 2018-12-22 06:59:24 PST
I have a page with letter-spacing: 1px specified in the CSS file in <head>. When loading the page, I see the text at letter-spacing: 0 for a split second, then the desired value of 1px. It happens when the property is set in an external CSS file and a <style> tag, but not when specified inline, e.g. <body style="letter-spacing: 1px">. It happens with default and custom font. All other styles in the external CSS file are active immediately on page load. It seems the browser is waiting for full page load in order to apply the new letter spacing value. This FO0LS (Flash Of 0 Letter Spacing) is inappropriate behavior, because a one line text can become wrapped on 2 lines and shift the page layout. It doesn't happen in Chrome and Firefox. Demo: Lines of text at the top of the page https://radogado.github.io/natuive/kitchen.html Please apply a fix. Thanks!
Attachments
Reduction (853 bytes, application/zip)
2019-01-02 16:11 PST, Myles C. Maxfield 		no flags
Details
View All Add attachment proposed patch, testcase, etc.
Radar WebKit Bug Importer
Comment 1 2018-12-23 17:35:55 PST
<rdar://problem/46926604>
Myles C. Maxfield
Comment 2 2019-01-02 16:11:32 PST
Created attachment 358220 [details] Reduction Reduction attached
Rado
Comment 3 2019-01-03 03:02:51 PST
Confirmed to be happening only when the page has a video.
Note You need to log in before you can comment on or make changes to this bug.