[Checkbox] Should be readable inside inverted Menu

[tpinne]

A checkbox only renders inside an inverted form properly. But should also render correct inside an inverted Menu.

See http://jsfiddle.net/1yov106u/1/ for demo.

[stale[bot]]

There has been no activity in this thread for 90 days. While we care about every issue and we’d love to see this fixed, the core team’s time is limited so we have to focus our attention on the issues that are most pressing. Therefore, we will likely not be able to get to this one.

However, PRs for this issue will of course be accepted and welcome!

If there is no more activity in the next 90 days, this issue will be closed automatically for housekeeping. To prevent this, simply leave a reply here. Thanks!

[lubber-de]

Fomantic-UI supports inverted toggle checkbox since 2.4.4 https://fomantic-ui.com/modules/checkbox.html#inverted See your adjusted fiddle here http://jsfiddle.net/wnxhzL9s/

[spayton]

I'm new to Semantic-UI and hit this same problem almost straight away. I also wanted the text before the checkbox.

This works ok in an inverted horizontal menu, but not quite right in a vertical sidebar. The workaround takes the text out of the label, but the label still has to contain something.

<div class="ui item checkbox"> Checkbox Text &nbsp;&nbsp;&nbsp; <label>&nbsp;</label> <input type="checkbox"> </div>

[lubber-de]

@spayton The community fork Fomantic-UI 2.8.8 now supports right aligned checkbox which has the "text before the checkbox" 🙂 https://fomantic-ui.com/modules/checkbox.html#right-aligned