Skip to content

modal positioning issue; not centering #3175

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Closed
MrOutput opened this issue Oct 12, 2015 · 7 comments
Closed

modal positioning issue; not centering #3175

MrOutput opened this issue Oct 12, 2015 · 7 comments

Comments

@MrOutput
Copy link

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

@MrOutput MrOutput changed the title modal not centering modal positioning issue; not centering Oct 12, 2015
@ps1dr3x
Copy link

ps1dr3x commented Oct 21, 2015

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).

@Keten
Copy link

Keten commented Oct 22, 2015

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...

@ps1dr3x
Copy link

ps1dr3x commented Oct 23, 2015

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

@MrOutput
Copy link
Author

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

@RigobertoFelix
Copy link

thank you that setting is the solution.

@chethan1095
Copy link

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

@GregSithole
Copy link

Setting solution worked out for me, thanks!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

6 participants