Close the Popup on Blur

Environment

Product Version	3.0.0
Product	Progress® KendoReact Popup

Description

How the close the Popup when clicking outside of it?

Solution

This can be done by:

1. Add a focusable container in the Popup (the Popup has no tabIndex by default).
2. Focus the focusable container when the Popup is opened.
3. On the onBlur event of that element close the Popup.

This is an example showcasing this:

Change Theme

Theme

Loading ...