Reset dimmer after .ui.dimmer removed

[justinhunt1223]

I migrated from Semantic UI for a few updates and am trying to solve a problem. If a segment is dimmed, then the contents of that segment are changed (such as from an ajax call) and the .ui.dimmer child element is deleted, the dimming on that segment seems not work anymore and things go crazy. I'm looking for a way to reset the dimming capabilities on the segment.

jsfiddle

I've gotten around this by never touching the .ui.dimmer and adding a child to the .segment that is the content but I feel like there should be a way to reset the dimmer.

[lubber-de]

This is already possible by calling the preinitialize behavior prior to hiding the dimmer.
See https://jsfiddle.net/usje9cyz/

[justinhunt1223]

Awesome, that's exactly what I was looking for.

[lubber-de]

When I click on the button, the dimmer shows and then hides correctly, but clicking the button again does not show the dimmer again. Was it supposed to?

That's because your example is overwriting the html and then the button trigger is not available anymore ;)

[justinhunt1223]

I noticed that right after I posted it. You were too quick!