We're attempting to upgrade from Ember 2.18 to Ember 3.16. Most things are working, but our CSS is borked. The problem seems to be that ember-component-css is injecting namespace classes in the CSS, but not in the actual DOM.
We're still using the old syntax for most things, including
export default Component.extend({
...
});
Could this be the cause?
Workaround:
In environment.js, add
const ENV = {
...
'ember-component-css': {
namespacing: false,
},
}
then everywhere you are using &{ ... } in the root of your SCSS needs to be replaced with a manually-created root class
We're attempting to upgrade from Ember 2.18 to Ember 3.16. Most things are working, but our CSS is borked. The problem seems to be that
ember-component-cssis injecting namespace classes in the CSS, but not in the actual DOM.We're still using the old syntax for most things, including
Could this be the cause?
Workaround:
In
environment.js, addthen everywhere you are using
&{ ... }in the root of your SCSS needs to be replaced with a manually-created root class