Rentonie Rentonie - 1 month ago 24
CSS Question

Jasny Bootstrap & Emberjs

I'm reading this article and the author points out the following :


In app/app.js adjust the ApplicationView so that it doesn’t insert the
wrapping ember-view div under the body — it interferes with the height
of the canvas div that jasny-bootstrap uses.


App = Ember.Application.extend({
modulePrefix: config.modulePrefix,
podModulePrefix: config.podModulePrefix,
Resolver: Resolver,
ApplicationView:Ember.View.extend({tagName:''})
});


The thing is that i'm running Emberjs 2.6 with no views. How can i accomplish the same thing?

Answer

Like locks said in comment, you can't remove root div under the body. You please add the following CSS, this will remove need for setting tagName='' to application view. I tried this, it's working well.

:root,
.ember-application,
.ember-application>div {
    height: 100%;
}