question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Classnames not added to addon components when rendered in real app

See original GitHub issue

I’m using this addon to add styles to components in my addon that I’m creating. My addon is using pods structure.

When I test my addon with the dummy app, the classname gets added to the component’s tag. However, when I try using that component in a real app, the class never gets added to the component tag.

If I inspect the vendor.css, my component css did get added to the real app and is namespaced.

ember-component-css is listed in my addon dependencies.

The real app also uses ember-component-css to style its components.

Issue Analytics

  • State:open
  • Created 6 years ago
  • Reactions:1
  • Comments:11 (4 by maintainers)

github_iconTop GitHub Comments

5reactions
ericmackrodtcommented, Sep 8, 2017

Any news here? I’m having this same issue with ember-engines. The SCSS is compiled and loaded in the app but the style isn’t applied to the component.

2reactions
webarkcommented, Aug 2, 2017

if that is the issue you are having, you can delete the one in the addon and it will work in the app. not an ideal senerio i know. but until that issue gets fixed, its where we are unfortunately…

Read more comments on GitHub >

github_iconTop Results From Across the Web

I can't pass icons to controls (type: select) as React Component
I want to pass React Components with the controls via the select control type. But it doesn't render. The error I get is:...
Read more >
React-based office addon renders, but never responds to any ...
my app will not render at first. However, if I right-click and refresh the taskpane hosting the app, it renders and behaves as...
Read more >
Customizing a Component's Element - Ember Guides
You can customize what type of element Ember generates for your component, including its attributes and class names, by creating a subclass of...
Read more >
Animation Add-Ons - React
In this component, when a new item is added to ReactCSSTransitionGroup it will get the example-enter CSS class and the example-enter-active CSS class...
Read more >
Componentizing our React app - Learn web development | MDN
Note: Components must always return something. If at any point in the future you try to render a component that does not return...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found