Mathlive and Storybook Integration Issues

[ileandreKU]

Hi,

I'm integrating [email protected] into a fresh Storybook project ([email protected]). The <math-field> component renders correctly, and I can see the embedded virtual keyboard icon/button.

However, clicking the keyboard button does not open the virtual keyboard. This occurs even when setting mathVirtualKeyboardPolicy = 'auto'.

When using mathVirtualKeyboardPolicy = 'manual', I can open the keyboard programmatically with executeCommand('showVirtualKeyboard'), so the keyboard itself is working.

This behavior only seems to occur inside Storybook. In a standalone React app, the keyboard opens properly with the same configuration.

Note: This worked previously when using [email protected] and [email protected]. After upgrading to [email protected] and [email protected], the issue begun.

Steps to reproduce:

1. Create a new Storybook app using npm create [email protected]
2. Install [email protected]
3. Render a <math-field> in a story
4. Set ``mathVirtualKeyboardPolicy = 'auto'`
5. Try clicking the embedded keyboard icon

Expected behavior: Clicking the built-in keyboard should open the virtual keyboard. Current behavior: Nothing happens when clicking the icon

[ileandreKU]

Hi @arnog,

Have you had a chance to review my issue?

[arnog]

I haven't yet tried to reproduce it. I'm not super familiar with Storybook, so it might take a while to debug.

[ileandreKU]

Okay, please let me know when you have an update.

[arnog]

This could have been a duplicate of #2665 . Please let me know if it sill happens with a build that has that fix (mathlive 0.108 or later)