mathlive
mathlive copied to clipboard
Published
20 hours ago •
arnog
arnog
The keyboard inside a `virtualKeyboardContainer` is displayed incorrectly
Description
in website
this.mfe = new MathfieldElement({
// defaultMode:'inline-math',
fontsDirectory: '@/utils/mathlive-fonts',
virtualKeyboardMode:'manual',
virtualKeyboardContainer: document.getElementById('drawerContent')
})
style: #drawerContent{
position: relative;
}
the element "drawerContent" is small.so the virtualKeyboard show only the half.
There is indeed an issue with the placement of the virtual keyboard.
However, the virtual keyboard still needs some sufficient width in the container to display correctly. From the screenshots, the virtualKeyboardContainer in this example is too narrow to display the entire keyboard, even if the keyboard was placed correctly.
