Comments (2)
oliviertassinari
commented on April 28, 2024
There is a workaround:
const Button = styled('button')({
color: 'red',
- [`${Wrapper} &`]: {
+ [`.${Wrapper} &`]: {
color: 'blue',
},
});but I agree, we should change this, it's not following https://styled-components.com/docs/advanced#referring-to-other-components or https://emotion.sh/docs/styled#targeting-another-emotion-component.
from material-ui.
joshwcomeau
commented on April 28, 2024
You beat me to it, @oliviertassinari! I just inspected the compiled CSS and yeah, it injects abc123 .def456 instead of .abc123 .def456.
from material-ui.
Related Issues (20)
- [material-ui][Slider] TypeError: color.charAt is not a function error message after upgrade @mui/material to 5.15.14 HOT 1
- [pigment-css] Invalid CSS output w/ pseudo classes in theme.vars HOT 4
- [TextField] Add an isValid state to correspond to the error state. HOT 1
- [pigment-css] theme does not contain other properties except `vars` HOT 3
- [material-ui][Autocomplete] Adding start adornment on small autocompletes causes text to wrap HOT 2
- [material-ui][Switch] "Unsupported `76, 78, 100` color" error HOT 3
- Material UI components designs for Corel Vector HOT 1
- [material-ui][List] The ListItemButton component remains in the selected state even after being clicked HOT 6
- [pigment-css][vite] missing common `babel` plugin(s) & extremely slow
- [material-ui] Component import suggestion not appearing in VS Code HOT 8
- Huge gap in the line number section of the editor when on full screen. HOT 4
- [material-ui][Switch] focusElementRef is always undefined, disabling me to imperatively set focus HOT 1
- [material-ui][Menu] Error when running Jest Unit Tests: The `anchorEl` prop provided to the component is invalid. HOT 3
- [material-ui] TypeError: theme.typography.pxToRem is not a function HOT 1
- [docs-infra] Support product-specific bell notifications HOT 2
- [material-ui][Tabs] Keyboard navigation does not work with unselected tabs HOT 4
- [material-ui][Autocomplete] Does not properly select options when they are objects and value is controlled HOT 2
- [pigment-css] Cannot redefine `toString` HOT 1
- [joy-ui][Input] Using Input with react-imask HOT 3
- [material-ui] VSCode Auto Import Problem HOT 2
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from material-ui.