Jasny Bootstrap & Emberjs

0
votes

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?

1
javascriptcsstwitter-bootstrapember.js
Hi Rentonie. The short bad news is that you can't remove the root div under the body, Ember needs to hook into it. The short good news is that you used to have one div per route, but now you only have one per application. I suggest maybe copying some of the CSS and target the div tag? - locks

1 Answers

1
votes

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%;
}