Bug 193008 - Video controls cause transitions to trigger when they shouldn't
Summary: Video controls cause transitions to trigger when they shouldn't
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: Text (show other bugs)
Version: Safari 12
Hardware: Mac macOS 10.14
: P2 Normal
Assignee: Nobody
Keywords: InRadar
Depends on:
Reported: 2018-12-22 06:59 PST by spacest
Modified: 2019-01-03 03:02 PST (History)
6 users (show)

See Also:

Reduction (853 bytes, application/zip)
2019-01-02 16:11 PST, Myles C. Maxfield
no flags Details

Note You need to log in before you can comment on or make changes to this bug.
Description spacest 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!
Comment 1 Radar WebKit Bug Importer 2018-12-23 17:35:55 PST
Comment 2 Myles C. Maxfield 2019-01-02 16:11:32 PST
Created attachment 358220 [details]

Reduction attached
Comment 3 spacest 2019-01-03 03:02:51 PST
Confirmed to be happening only when the page has a video.