[Modal with Dimmer] Modal element reload without flashing

[mvorisek]

Feature Request

Steps to reproduce:

1. open https://jsfiddle.net/mxrqjv62/
2. click "dimmer", ie. black backgound to trigger modal close
3. notice "original dimmer" is shortly displayed, ie. modal with "1" text

When modal is closed (step 2) using modal close button, the unwanted step 3 does not happen.

The issue is "modal element" attaches events to "dimmer element", but when "modal element" is removed from DOM, the events are still attached.

In atk4/ui we need this to be able to reload whole modal - atk4/ui#2262.

I would expect Fomantic-UI modal module to behave like this:
When modal module is initialized (line 23 in repro), check the modal state based on classes (set on line 21) and when the state is "active", it means the modal is "active and shown" (like if $modal.modal('show') was called, but without flashing) and the previous modal/dimmer should be fully garbage collected in favor of the new one.