Skip to content

something may dynamical make a css and conflict with style position:'fixed' #4124

@legendweny

Description

@legendweny

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

No one assigned

    Labels

    scope: stylesSpecific to @mui/styles. Legacy package, @material-ui/styled-engine is taking over in v5.v0.x

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions