Bug 227049

Summary:

Safari interrupts rendering during programmatic focus

Product:

WebKit

Reporter:

ntowle

Component:

Layout and Rendering

Assignee:

Nobody <webkit-unassigned>

Status:

RESOLVED FIXED

Severity:

Normal

CC:

ap, bfulgham, simon.fraser, webkit-bug-importer, zalan

Priority:

Keywords:

InRadar

Version:

Safari 14

Hardware:

Mac (Intel)

OS:

macOS 10.15

Attachments:

Description	Flags
demo	none

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>