Close the Popup on Blur
Environment
| Product Version | 3.0.0 |
| Product | Progress® KendoReact |
Description
How the close the Popup when clicking outside of it?
Solution
This can be done by:
- Add a focusable container in the Popup (the Popup has no tabIndex by default).
- Focus the focusable container when the Popup is opened.
- On the
onBlurevent of that element close the Popup.
This is an example showcasing this:
Example
View Source
Change Theme:
