193008 2018-12-22 06:59:24 -0800 Video controls cause transitions to trigger when they shouldn't 2026-01-12 09:01:15 -0800 1 1 1 Unclassified WebKit Text Safari 12 Mac macOS 10.14 NEW InRadar P2 Normal --- 1 rado webkit-unassigned graouts mmaxfield rado simon.fraser webkit-bug-importer zalan oldest_to_newest 1490628 0 rado 2018-12-22 06:59:24 -0800 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! 1490680 1 webkit-bug-importer 2018-12-23 17:35:55 -0800 <rdar://problem/46926604> 1491305 2 358220 mmaxfield 2019-01-02 16:11:32 -0800 Created attachment 358220 Reduction Reduction attached 1491392 3 rado 2019-01-03 03:02:51 -0800 Confirmed to be happening only when the page has a video. 358220 2019-01-02 16:11:32 -0800 2019-01-02 16:11:32 -0800 Reduction Archive.zip application/zip 853 mmaxfield UEsDBAoAAAAAAHOAIk4AAAAAAAAAAAAAAAAJABAAZW1wdHkuY3NzVVgMALVSLVxaUS1c9QEUAFBL AwQUAAgACAAsgSJOAAAAAAAAAAAAAAAACAAQAG5hdC5odG1sVVgMALVSLVyzUi1c9QEUADVQQU4E IRC884qWu0M20csuzEWNR03Wi0ccWiEyMGnaTSbGvwvszKmquoruCvrm8eXh7f31CTzPcRR6B7Su QgzpGwijKbxGPHtEBk/4aXBeeB2mUmqoe6P4yG6FXwFQH+Gtx/Dl+QiH4f5UZ0w2lcAhpyPYGOFQ eszSSfwJrbYVWm13264KLlzGZwpOq8au+hyDQ9onlyoyTDkx5ViM3JlsvfIPTQi8LmhkD6p5uZNQ aDKSfSihpMyW0MbuDs1tJbpqZKuhrp/yD1BLBwhK746nyQAAACwBAABQSwMECgAAAAAAUYEiTgAA AAAAAAAAAAAAAAkAEABfX01BQ09TWC9VWAwA+lItXPpSLVz1ARQAUEsDBBQACAAIACyBIk4AAAAA AAAAAAAAAAATABAAX19NQUNPU1gvLl9uYXQuaHRtbFVYDAC1Ui1cs1ItXPUBFABjYBVjZ2BiYPBN TFbwD1aIUIACkBgDJxAbAXEdEIP4GxiIAo4hIUFQJkjHAiAWQFPCiBCXSs7P1UssKMhJ1ctJLC4p LU5NSUksSVUOCAYp/OikGwOij9eIsIFoAFBLBwgAMG8RXAAAALAAAABQSwECFQMKAAAAAABzgCJO AAAAAAAAAAAAAAAACQAMAAAAAAAAAABApIEAAAAAZW1wdHkuY3NzVVgIALVSLVxaUS1cUEsBAhUD FAAIAAgALIEiTkrvjqfJAAAALAEAAAgADAAAAAAAAAAAQKSBNwAAAG5hdC5odG1sVVgIALVSLVyz Ui1cUEsBAhUDCgAAAAAAUYEiTgAAAAAAAAAAAAAAAAkADAAAAAAAAAAAQP1BRgEAAF9fTUFDT1NY L1VYCAD6Ui1c+lItXFBLAQIVAxQACAAIACyBIk4AMG8RXAAAALAAAAATAAwAAAAAAAAAAECkgX0B AABfX01BQ09TWC8uX25hdC5odG1sVVgIALVSLVyzUi1cUEsFBgAAAAAEAAQAFQEAACoCAAAAAA==