Bug 218005 - REGRESSION (iOS 14): Safari getElementById().focus() for text input via onclick stops working after first time in iFrame
Summary: REGRESSION (iOS 14): Safari getElementById().focus() for text input via oncli...
Status: RESOLVED WORKSFORME
Alias: None
Product: WebKit
Classification: Unclassified
Component: Forms (show other bugs)
Version: Safari 14
Hardware: All Unspecified
: P2 Normal
Assignee: Nobody
URL:
Keywords: InRadar
Depends on:
Blocks:
 
Reported: 2020-10-20 16:53 PDT by derrick.r.chao
Modified: 2022-02-12 22:13 PST (History)
10 users (show)

See Also:

Attachments
reduced test case (14.68 KB, text/html)
2020-10-28 19:04 PDT, derrick.r.chao 		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 derrick.r.chao 2020-10-20 16:53:12 PDT 
I have an onclick event that triggers a function which then calls getElementById().focus() on a text input. On the first tap, it will work just fine. On subsequent taps, however, it no longer focuses on the text input and it requires the user to tap on the text input. This is for an embedded app in Shopify POS which opens in a Safari Webview and I have also reproduced the behavior in iOS Safari as well (which embeds in an iFrame).

I believe I have isolated the cause of this to updating to iOS 14 (I am testing this on a physical 6th gen iPad). I have verified that on a physical iPhone running iOS 13, xcode iPad emulator running iOS 13.4, and another physical iPad running iOS 12, the .focus() still works as intended.

Pre iOS 14: https://photos.app.goo.gl/hdpHDooFw6LPGdbQ7

After iOS 14 update: https://photos.app.goo.gl/BCbEyqchkFPnJNwM9
Comment 1 Radar WebKit Bug Importer 2020-10-21 17:41:48 PDT 
<rdar://problem/70553542>
Comment 2 Smoley 2020-10-28 16:32:06 PDT 
Thanks for filing, can you please attach a reduced test case that illustrates this issue?
Comment 3 derrick.r.chao 2020-10-28 19:04:31 PDT 
Created attachment 412601 [details]
reduced test case

Please see reduced test case attached. I'm relatively new to web development so it's very possible it might be a bug on my end. When I test this in mobile safari on iOS 14, the keyboard never appears and the focus never happens. 

On xcode simulator iOS 13.3, the focus happens every time.
Comment 4 Smoley 2020-10-29 10:14:06 PDT 
Thanks Derrick, that works! I cannot reproduce this on iOS 13.6.1, I can reproduce it on the latest iOS 14.2 beta. I'll get this routed to the right folks.
Comment 5 derrick.r.chao 2021-05-13 09:04:03 PDT 
Appears to be resolved in 14.5.1, thank you team.
Comment 6 Brent Fulgham 2022-02-12 22:13:39 PST 
Unable to reproduce.