Semantic-UI-CSS
Semantic-UI-CSS copied to clipboard
Breaking change in 2.3.0 from ^2.2.12 - Icons not loading, Modal position incorrect
Setup: semantic-ui-css: 2.3.0 node: 6.13.0
Problem: Today i ran into an issue whereby none of the semantic ui icons would load also my modal elements were incorrectly positioned on the page.
Solution: Downgrade and lock to version 2.2.14
same problem, can't find the icons, it appears that the default theme folder remains empty. This is not related to semantic-ui-css 2.3, I missed them even when downgrading
Same problem here, had to downgrade to 2.2.14. Otherwise modal window position is wrong and icons not showing.
Having the same problem with the modal
Same problem with modal
Same here.
I have the modal problem. Icons are ok.
I'm using [email protected], [email protected] and [email protected]. Downgrading both semantic-ui and semantic-ui-css to 2.2.14 is a valid workaround.
A CSS fix in case you don't want to downgrade:
// Semantic UI modal position fix
.ui.active.dimmer.modals.transition {
display: flex !important;
display: -ms-flexbox !important;
}
+1 happens to me too. but downgrading exposes another bug which was fixed in 2.3.0, so I'm having a bug deadlock :)
Just adding my voice - got the same thing happening - modal showing in the top left corner after updating CSS to 2.3.0. Reverting to 2.2.14 fixes it.
I surprised, how long this issue in open state.
The issue is being caused by this styling, which uses !important and overides the display:flex property on the modal dimmer.
.visible.transition {
display: block!important;
visibility: visible!important;
}
Surprised this wasn't caught in testing.
Modal broken for me too.
I don't think @jlukic is monitoring issues in this repo. I advise all issues be reported to https://github.com/Semantic-Org/Semantic-UI/issues
@jlukic , can we make this repo read-only being that it's only an automatically synced image of the main repo?