[Loader] Compatibility broken with Semantic-UI-React

[AKorezin]

Description:

Pull request #359 breaks loader inside dimmer with react.

Semantic-UI-React creates additional block inside dimmer:

<Dimmer active>
  <Loader />
</Dimmer>

creates:

<div class="ui active transition visible dimmer">
  <div class="content">
    <div class="ui loader">
    </div>
  </div>
</div>

So loader styles are not applied.

Link to the source code of dimmer in Semantic-UI-React repo.

Should I create an additional issue in Sematic-UI-React?

[lubber-de]

Yes, please address this at the SUI React Repo, because also the SUI Docs for loader tell you to create the loader as direct child of the dimmer itself.
The mentioned PR corrects the inheritance for dimmer loaders and we won't revert this.
Instead SUI React should handle dimmer loaders as a separate child instead of wrapping any kind of content into a separate content div which would still be compatible to SUI.