cssinjs / cssinjs/jss

[jss-nested][jss-expand][jss-observable][jss-function-values] Dynamic values in nested structures

Open
#746 14 comments 0 reactions 0 assignees View on GitHub
complexity:moderate duplicate enhancement
Dominant language
JavaScript
Stars
7.1k
Forks
386
PR merge metrics
No merged PRs in 30d

Description

With JSS of:

```css
{
alpha: {
'& div': observable
}
}
```

The first application will correctly use the value of the `observable`; however, when `observable` changes e.g. `{ height: '123' }`, the result never updates.

The observable is being monitored and the styleRule updated per [`onProcessRule`](https://github.com/cssinjs/jss/blob/master/packages/jss/src/plugins/observables.js#L38) as expected, however the `styleRule.prop` does not overwrite the prior value of the `& div` in the ``.

Noting related issues #735 #737

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.