Dialog does not display when it is opened and closed quickly

[peasoft]

<link rel="stylesheet" href="../static/mdui/mdui.css" />
<script src="../static/mdui/mdui.global.js"></script>
<mdui-dialog close-on-esc close-on-overlay-click id="demo"></mdui-dialog>
<script>
const demo = document.getElementById('demo');
document.body.addEventListener('keydown', (evt) => {
    if (evt.key == 'F2') {
        demo.open = true;
    }
});
</script>

Press F2, ESC, F2, ESC...

20250803_132532.mp4

Finally we get:

<mdui-dialog close-on-esc="" close-on-overlay-click="" id="demo" open="" style="display: none;"></mdui-dialog>

[peasoft]

Temporary fix:

if (evt.key == 'F2') {
    demo.open = true;
    demo.style.display = 'flex';
    mdui.$('html').addClass('mdui-lock-screen');
}