Keyboard unexpectedly closes when typing quickly on mobile with custom container

[timmckague]

Description

I'm trying to use a custom container for the mathlive keyboard, but I find that when I use the keyboard in chrome on iOS the keyboard closes when I type quickly. For example if I double click a letter in the keyboard, the mathfield loses focus and the keyboard closes.

As soon as I remove the custom container, then everything works fine. By that I mean, the keyboard stays open regardless of how fast I type.

ScreenRecording_12-06-2024.16-20-42_1.MP4

Steps to Reproduce

I've created a code sandbox here: https://codesandbox.io/p/sandbox/cool-shadow-zssf9g. To actually test it you need to open the preview on mobile (https://zssf9g.csb.app/) since mathlive does not seem like let you override the container in an iframe.

1. open https://zssf9g.csb.app/ on ios chrome
2. open the mathlive keyboard and start typing
3. double click a key and the keyboard closes.

Actual Behavior

The keyboard closes and the mathfield loses focus

Expected Behavior

The keyboard stays open and the mathfield stays in focus.

Environment

MathLive version 102

Is this a regression: did it use to work in a previous version? Not sure

Operating System iOS 18.1.1

Browser Safari, Chrome

[timmckague]

I actually lied, I have been able to reproduce this without the custom container, but it has been very hard to reproduce.