Bug 239360 - IME/InputMethod language popups are not positioned correctly when typing in a WKWebView in a mac catalyst app
Summary: IME/InputMethod language popups are not positioned correctly when typing in a...
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: HTML Editing (show other bugs)
Version: WebKit Nightly Build
Hardware: Unspecified macOS 11
: P2 Major
Assignee: Nobody
URL:
Keywords: InRadar
Depends on:
Blocks:
 
Reported: 2022-04-14 16:46 PDT by andrews
Modified: 2022-04-21 17:14 PDT (History)
5 users (show)

See Also:


Attachments
XCode project for basic mac catalyst app that demonstrates the issue (71.14 KB, application/zip)
2022-04-14 16:46 PDT, andrews
no flags Details

Note You need to log in before you can comment on or make changes to this bug.
Description andrews 2022-04-14 16:46:27 PDT
Created attachment 457656 [details]
XCode project for basic mac catalyst app that demonstrates the issue

There are several scenarios under which this occurs but essentially the suggestions & live conversion popups displayed for a composition sometimes get repositioned to the upper left of the app or screen or somewhere else far from the WKWebview.

Scenario 1:
* Run the app
* Click into the Content Editable box
* Change the Input Source/Keyboard to “Hiragana - Kana”
* Type a bunch of letters. e.g. 14 q’s

RESULTS:
When the popup is shown it’s typically below the text entered as it should be. But after long input the popup shows up on the right edge of the app

Scenario 2:
* Run the app
* Click into the Content Editable box
* Change the Input Source/Keyboard to “Hiragana - Kana”
* Type ‘qqqq’
* Press space to see the suggestions popup
* Wait a second and a popup that points to the selected suggestion item is displayed
* Tap that popup

RESULTS:
The popup shifts to the upper left corner (and it’s not just above that box as the same thing happens if you use the Input box instead). Further if you press the right arrow the popup shifts to the lower left of the screen.

Scenario 3:
* Run the app
* Click into the Input box
* Change the Input Source/Keyboard to “Hiragana - Kana”
* Type ‘a’
* Press space
* Press space (popup shown in correct place)
* Type ‘a’
* Press space
* Press space

RESULTS:
Popup shown in the upper left corner of the app
Comment 1 Ryan Haddad 2022-04-21 17:14:14 PDT
rdar://92129938