Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Sidenav is overlapping when using server-side render #15268

Open
Chris3773 opened this issue Feb 21, 2019 · 0 comments
Open

Sidenav is overlapping when using server-side render #15268

Chris3773 opened this issue Feb 21, 2019 · 0 comments
Labels
area: material/sidenav P4 A relatively minor issue that is not relevant to core functions

Comments

@Chris3773
Copy link

Chris3773 commented Feb 21, 2019 •
edited
Loading

What is the expected behavior?

The margin should be applied to the sidenav content when server-side rendered.

What is the current behavior?

The width of the sidenav is not calculated when server-side rendered and the margin is 0.

What are the steps to reproduce?

Create a sidenav with a width and use server-side rendering.

Which versions of Angular, Material, OS, TypeScript, browsers are affected?

NodeJS: 10.13.0
OS: Win x64
Angular: 7.2.6
Material: 7.3.2
Typescript: 2.9.2

Is there anything else we should know?

It's not possible to calculate the width when server-side rendered but could a fallback be added for pulling the min-width, width and max-width styles that are set on the sidenav?
@josephperrott josephperrott added the P4 A relatively minor issue that is not relevant to core functions label Jun 4, 2019
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
area: material/sidenav P4 A relatively minor issue that is not relevant to core functions
3 participants
@josephperrott @Chris3773 @andrewseguin