-
-
Notifications
You must be signed in to change notification settings - Fork 32.8k
Closed
Labels
scope: stylesSpecific to @mui/styles. Legacy package, @material-ui/styled-engine is taking over in v5.Specific to @mui/styles. Legacy package, @material-ui/styled-engine is taking over in v5.v0.x
Description
Problem Description
I found this something may dynamically make a css file called app.css in index.html file
dynamical css file
app.css file
html,
body {
width: 100%;
height: 100%;
margin: 0;
font-family: "Helvetica Neue", Helvetica, STHeiTi, sans-serif;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
font-style: 16px;
background-color: #EBECED;
}
........
then AppBar scrolls off the page!!!!!!!!
Beacuse of Chrome cannot render position:fixed on elements under a transformation.
But I just need a fixed AppBar
So I using javascript dynamically remove this codes in the app.css file
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
Versions
- Material-UI: 0.14.4
- React: 0.14.7
Metadata
Metadata
Assignees
Labels
scope: stylesSpecific to @mui/styles. Legacy package, @material-ui/styled-engine is taking over in v5.Specific to @mui/styles. Legacy package, @material-ui/styled-engine is taking over in v5.v0.x