cssinjs / cssinjs/styled-jss

Composing function styles causes dynamic styles to not be used

Open
#75 0 comments 0 reactions 0 assignees View on GitHub
Dominant language
JavaScript
Stars
214
Forks
14
PR merge metrics
No merged PRs in 30d

Description

As documented in [the readme](https://github.com/cssinjs/styled-jss#composable-styles), you are able to compose style-objects or style-functions by passing additional arguments to `styled`.

However, if you pass a style-function then any function rules in the base styles will not be respected

see example:
https://codesandbox.io/embed/jss-composable-styles-bug-rt1on

Contributor guide

No contributing guide indexed for this repository

Research direction

Start with the composable-styles section of the README and reproduce the behavior using the linked CodeSandbox. Trace how a style-function is composed with base styles, then add coverage for function rules in the base styles. Done means those dynamic rules are applied when an additional style-function is passed to styled.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript, react
Domain
frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
38/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.