ModalOverview

Modals are temporary pop-ups that take focus from the page or app and require people to interact with them. Unlike a dialog box (Dialog), a modal should be used for hosting lengthy content, such as privacy statements or license agreements, or for asking people to perform complex or multiple actions, such as changing settings.

React 17 event delegation

Changes to event delegation in React 17 can cause issues with event bubbling when using Modal. See Layer documentation for details on how to resolve eventing issues with this control in React 17.