bug(web): iPad emulator has the banner narrowed and not output the suggested word

[MakaraSok]

Describe the bug

iPad emulator has the banner narrowed and not output the suggested word when pressing the lower half of the banner.

Expected behavior

The banner should be shown in full for Khmer text to be readable.

Screenshots

The subscript and parts below the base are cropped off.

---

KeymanWeb:

• OS: Windows 10 Pro 20H2 x64
• Browser: Chrome Version 90.0.4430.72 (Official Build) (64-bit)
• KeymanWeb Version: 14.0.271
• URL: n/a

---

Keyboard and model

• Keyboard name: khmer_angkor
• Keyboard version: 1.0.9
• Language name: Khmer
• LM: [sil.km.nckw] NC Khmer Wordlist lexical-models#131

[mcdurdin]

Is the word suggestion issue related to #4953? If so, let's make this only about the banner height. Does the banner height issue arise for native iPad devices?

[MakaraSok]

Is the word suggestion issue related to #4953? If so, let's make this only about the banner height.

Different. Nothing is output in the text field when pressing the lower half of the banner on iPad emulator.

Does the banner height issue arise for native iPad devices?

@jahorton Do you have a device within reach to help and confirm this? Thanks.

[jahorton]

If you press the lower half of the banner, often KMW thinks you're pressing a key on the first row instead.

No iPad within reach here, sorry. Only Simulated, but that requires being in macOS, which then precludes running the Developer test host.

[mcdurdin]

In the latest build (using artifacts from #5923), I found that the predictive text banner was no longer cropped:

I also found that it emitted the word as expected in all cases.

Can you repro this with that version from #5923, @MakaraSok?

[mcdurdin]

Assuming this is fixed, @MakaraSok.