Bug 227049

Summary: Safari interrupts rendering during programmatic focus
Product: WebKit Reporter: ntowle
Component: Layout and RenderingAssignee: Nobody <webkit-unassigned>
Status: RESOLVED FIXED    
Severity: Normal CC: ap, bfulgham, simon.fraser, webkit-bug-importer, zalan
Priority: P2 Keywords: InRadar
Version: Safari 14   
Hardware: Mac (Intel)   
OS: macOS 10.15   
Attachments:
Description Flags
demo none

ntowle
Reported 2021-06-15 15:29:01 PDT
Demo here: https://playground.lwcjs.org/projects/NnDdO6d8X/42/edit Repro steps: 1. Click any of the "click to edit" lines in the Preview Expected behavior: all "click to edit" lines are replaced with a text box, and the text box associated with the element clicked gains focus. Actual behavior: all "click to edit" lines disappear (as expected) and the text boxes show up in the DOM (as expected) but the text boxes never render, leaving the page blank. This seems to be a regression since Safari 14.1 - Chrome, etc are unaffected.
Attachments
demo (359.50 KB, application/zip)
2021-06-15 15:53 PDT, ntowle 		no flags
Details
View All Add attachment proposed patch, testcase, etc.
Simon Fraser (smfr)
Comment 1 2021-06-15 15:44:36 PDT
The demo is not loading.
ntowle
Comment 2 2021-06-15 15:53:17 PDT
Created attachment 431490 [details] demo Added demo as attachment. To run, navigate to index.html.
Simon Fraser (smfr)
Comment 3 2021-06-15 15:55:58 PDT
That doesn't seem to work: [Error] ReferenceError: Can't find variable: System Global Code (app.js:1)
ntowle
Comment 4 2021-06-15 17:31:19 PDT
Sorry about that. Here's a publicly accessible demo: https://webcomponents.dev/edit/MELLJkprhIXDtgKpaahc
Simon Fraser (smfr)
Comment 5 2021-06-15 20:29:07 PDT
This was fixed by https://trac.webkit.org/changeset/275938/webkit
Radar WebKit Bug Importer
Comment 6 2021-06-15 20:30:17 PDT
<rdar://problem/79377003>
Note You need to log in before you can comment on or make changes to this bug.