Modal window focous

Webix JS
1

Hello Webix Team,

I recognized that you can switch the focus to a component behind a modual window when you hit the tab key. E.g. if you show a modal form, you can active buttons on a toolbar behind the modal form if you hit the tab key. How can I prevent this?

Many thanks, Peter

2

Hi, can you replicate the issue?

Thanks, Peter

3

Hello,

It’s not a bug, as the modal hover is just a transparent div. If you need to prevent outer actions, you need to forbid a related keydown event:

http://webix.com/snippet/7abd8b64

4

Hi Listopad,

many thanks for the hint. But can you explain why there is a different behavious between a modal window and e.g. webix.confirmation where tab key is blocked automatically?

Thanks, Peter

5

Please check the related article. webix.alert/confirm/modalbox prevent the app workflow exactly as the native JS alert does.

On the other hand, modality for ui.window is mostly a design.

6

Hi,

We have the same issue. This solution I get from Maksim Kozhukh: http://webix.com/snippet/cf2d6a78

It’s OK for us.

7

Perfect,
thanks a lot!!
BR, Peter