Semantic-ui: modal positioning issue; not centering

Created on 13 Oct 2015  路  7Comments  路  Source: Semantic-Org/Semantic-UI

not sure why the modal is not centering on the page.

We are using legacy semantic unfortunately and cannot upgrade. 0.x

screenshot from 2015-10-12 17-06-23

additionally, if the modal is too long, it is hidden under the browser window

In addition

screenshot from 2015-10-13 10-17-40

Most helpful comment

in javascript, add this setting to the modal:

observeChanges: true

And, if u are using ANGULAR... maybe a timeout for modal (100ms is enough) will fix too...

All 7 comments

Same here, modals with a large .ui.fluid.image (or .ui.large.image) shows like your second screen. Strangely it happens only on the first opening (if i reopen the modal it shows normally).

in javascript, add this setting to the modal:

observeChanges: true

And, if u are using ANGULAR... maybe a timeout for modal (100ms is enough) will fix too...

Yes, i confirm that angular was the problem. A timeout fixed it ;)

@ps1dr3x @Keten thank you, I was using angular as well. I managed to fix using a .refresh...and will use your solutions instead.

thank you that setting is the solution.

in jquery the modal position is not centering when i opened first time later on its working fine any solution for that

Setting solution worked out for me, thanks!

Was this page helpful?
0 / 5 - 0 ratings

Related issues

Morrolan picture Morrolan  路  3Comments

miguelmota picture miguelmota  路  3Comments

mllamazares picture mllamazares  路  3Comments

ghost picture ghost  路  3Comments

vinhtq picture vinhtq  路  3Comments