Contents of an invisible modal overlay other visible content

[dlavrenuek]

Description

At the moment a hidden modal and it's content is still present in the DOM and is visually on the same place. The visibility is only deactivated by opacity: 0 and pointer-events: none. This leads to the content still being targeted when an element has pointer-events: auto - in the IAM this was the case with input fields.

Related issue: https://github.com/camunda/iam/issues/2627

Possible solution

At the end of the animation

• set visibility: hidden
• remove the modal from DOM