Dealing with Dynamic Height about ember-modal-dialog HOT 6 CLOSED

I would like to expose a nicer way to do this on a modal-by-modal basis. In the meantime, you can do something along these lines, as Hubspot Tether provides a global position method. Calling it will reposition all tethers on the page, which will recenter a tethered modal.

Note that this will only work if you are using the tether-dialog component, because it uses ember-tether under the hood.

actions: {
    somethingHappenedThatMeritsModalRepositioning() {
      Ember.run.schedule('afterRender', function() {
        Tether.position();
      });
    }
  }

from ember-modal-dialog.

👍

from ember-modal-dialog.

👍 Any other ways to implement this without using tether-dialog component? I need this feature badly.. .

from ember-modal-dialog.

This is still not fixed, right?

from ember-modal-dialog.

@chrislopresto's suggestion remains the best known approach AFAIK

from ember-modal-dialog.

Fixed by an alternative CSS approach in 2.2.0

from ember-modal-dialog.