Fix Material-UI Right Side Persistent Drawer Animation

117
July 28, 2018, at 4:10 PM

I have a fairly complex application with multiple drawers. I'm having an issue with the right side drawer animations. The drawers themselves animate fine, but the parent divs do not. I tried applying the same animation for the drawer to the parent div and this did not solve my problem. I've replicated the issue in CodeSandbox. See below.

Example

READ ALSO
is it possible to write CSS for all Angular “hosts” or do we have to select each host individually

is it possible to write CSS for all Angular “hosts” or do we have to select each host individually

The Angular documentation for :host does not mention that we can style all host elements at onceI have added this CSS at a “global” level:

108
Gaps between HTML section elements [duplicate]

Gaps between HTML section elements [duplicate]

This question already has an answer here:

108
changing the animation duration after each iteration

changing the animation duration after each iteration

So I have these moving animated boxesThey move from bottom to top infinitely

79
How to remove default autocomplete from all input fields using css only

How to remove default autocomplete from all input fields using css only

I want to remove the default autocomplete from all input fields of my web application using CSS onlyI will put that CSS in the header of my web application to get the effect of that css on all web pages

130