Modal not centering

[hernandezruizcesar]

when i launch the modal window this appear on the foot of the window, some property for resolve this?

[David-Desmaisons]

Create a jsfiddle.

[David-Desmaisons]

This is a CSS problem most probable, check the class aplied to the modal.

[ralphjesy12]

Same problem. This happens, when modal content isn't added before modal open. Thus, requiring a modal('refresh') method to re-center. I am not sure how to call that thru the component.

[davestewart]

his is a CSS problem most probable, check the class applied to the modal.

It's actually because you need to update the style / margin-top when the modal shows, and on $nextTick.

I've added this in my fork to the opened watch

[ploissken]

Experiencing it too, it was not even centered. In my case it was applying a margin-top: -95px 🤷‍♂️
Fixed it by overriding the component css:

  .ui.modal {
    margin: auto!important;
    margin-top: 15vh!important;
    position: relative!important;
  }