scrolling behavior for large modals about ember-modal-dialog HOT 5 CLOSED

This would be a useful feature.

The modal-overlays div should not be functional IMO, besides being the attachment point for the modal. There is nothing in this library to prevent rendering multiple modals into modal-overlays, so having it fire close would be strange since it wouldn't be clear what component it should be routed to. We could consider making the modal a child of the ember-modal-overlay element.

from ember-modal-dialog.

@samselikoff I've been using this styling

.ember-modal-overlay {
  height: 100vh;
  left: 0;
  opacity: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 50;
}
.ember-modal-dialog {
  z-index: 50;
  position: absolute;
  left:50%;
}

.ember-modal-dialog > div{
  position: relative;
  right: 50%;
}

.ember-modal-overlay.translucent {
  opacity: 0.77;
  filter: alpha(opacity=15);
  background-color: #808080;
}

along with alignment top to handle large models. I haven't put it through the any sort of rigorous testing yet so use with caution.

from ember-modal-dialog.

yes @lukemelia you're right. Also the modal should retain the center position even after the content height & width changed in the run time.

from ember-modal-dialog.

agree. i think we should make the modal a child of ember-modal-overlay. havent had time to come back to this yet.

from ember-modal-dialog.

Addressed by #79

from ember-modal-dialog.