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.

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

cdk-virtual-scroll-viewport height zero inside mat-tab (Angular Material) #15622

Open
gcjjyy opened this issue Mar 27, 2019 · 1 comment
Open
Labels
area: cdk/scrolling area: material/tabs P4 A relatively minor issue that is not relevant to core functions

Comments

@gcjjyy
Copy link

gcjjyy commented Mar 27, 2019

What is the expected behavior?

cd-virtual-scroll-viewport should be displayed normally.

What is the current behavior?

Height is zero. So it shows nothing.

What are the steps to reproduce?

https://stackblitz.com/edit/angular7-virtual-scroll-issue-s9twhk

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

Angular + AngularMaterial + CDK Virtual Scroll Viewport

Is there anything else we should know?

It's very easy to reproduce. Refer to my stackblitz link.

@josephperrott josephperrott added the P4 A relatively minor issue that is not relevant to core functions label Jun 4, 2019
@mmalerba
Copy link
Contributor

mmalerba commented Jun 4, 2019

mat-tab-group adds some flex containers that need to be expanded to get the height: 100% to work, https://stackblitz.com/edit/angular7-virtual-scroll-issue-9xhc2c?file=src/app/app.component.css

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
area: cdk/scrolling area: material/tabs P4 A relatively minor issue that is not relevant to core functions
Projects
None yet
Development

No branches or pull requests

4 participants