Bug 227049 - Safari interrupts rendering during programmatic focus
Summary: Safari interrupts rendering during programmatic focus
Status: RESOLVED FIXED
Alias: None
Product: WebKit
Classification: Unclassified
Component: Layout and Rendering (show other bugs)
Version: Safari 14
Hardware: Mac (Intel) macOS 10.15
: P2 Normal
Assignee: Nobody
URL:
Keywords: InRadar
Depends on:
Blocks:
 
Reported: 2021-06-15 15:29 PDT by ntowle
Modified: 2021-06-15 20:30 PDT (History)
5 users (show)

See Also:

Attachments
demo (359.50 KB, application/zip)
2021-06-15 15:53 PDT, ntowle 		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 ntowle 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.
Comment 1 Simon Fraser (smfr) 2021-06-15 15:44:36 PDT 
The demo is not loading.
Comment 2 ntowle 2021-06-15 15:53:17 PDT 
Created attachment 431490 [details]
demo

Added demo as attachment. To run, navigate to index.html.
Comment 3 Simon Fraser (smfr) 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)
Comment 4 ntowle 2021-06-15 17:31:19 PDT 
Sorry about that.

Here's a publicly accessible demo: https://webcomponents.dev/edit/MELLJkprhIXDtgKpaahc
Comment 5 Simon Fraser (smfr) 2021-06-15 20:29:07 PDT 
This was fixed by https://trac.webkit.org/changeset/275938/webkit
Comment 6 Radar WebKit Bug Importer 2021-06-15 20:30:17 PDT 
<rdar://problem/79377003>