#ember-modal-dialog, Problem with subclassing


Hi all! I’m trying to create simple modal window based on ember-modal-dialog.

I have next piece of code:

{{#if loginDialog}}
  {{#login-dialog}} Something! {{/login-dialog}}


import Component from 'ember-modal-dialog/components/modal-dialog';

export default Component.extend({




According to docs it must works fine, but it shows just “Something!” as a plain text without modal panel (even without component’s div). What am I doing wrong?


You override modal-dialog template. You can import modal-dialog template then set as layout to your login-dialog or delete login-dialog template