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.

Using a styled() override breaks CSS styles

See original GitHub issue

(Reported by @jcenturion)

When adding the following lines from the client list example:

const ClientID = styled(StyledTextSubdued)`
  margin-right: ${spacing.xsmall};
  line-height: normal;
`

… it causes styles to disappear:

I haven’t tried to reproduce the error, but we should look into it and see what might be causing it.

Issue Analytics

State:
Created 5 years ago
Reactions:1
Comments:10 (10 by maintainers)

Top GitHub Comments

1reaction

jcenturioncommented, Jun 7, 2018

@landitus , @francocorreasosa , @nkohari I’ve created a repository with the code which reproduce the issue: https://github.com/jcenturion/cosmos-bug.

Let me know if you don’t get the invitation.

NOTE: Once you finish using the repo let me know so I can delete it.

0reactions

francocorreasosacommented, Jun 8, 2018

I’m wondering if styled-components has like an internal context that is being used from cosmos. And when you create a styled component in your own project, there’s a internal conflict between the two contexts and it breaks.