Angular material md-tab scrolling content

Question

I'm trying to set a scrollable content with overflow-y: scroll css style in a md-tab but it's not working The scrollbar is displayed but it's not activated

I enabled it with fixing a height but I want it to fit the content height dynamically

how can I solve this issue ?

I have the same issue !

Taha
– Taha

2017-07-13 17:00:04 +00:00
Commented Jul 13, 2017 at 17:00 — Taha
– Taha, Commented Jul 13, 2017 at 17:00

Nehal · Accepted Answer · 2017-07-14 00:42:28Z

1

I am guessing you are trying to keep the tab header out of the scrollable area and make the tab content scrollable only. If that's the case you can set height of tab content with vh. That will keep the tab labels in view and make the height dynamic and content scrollable.

css:

>>> .mat-tab-body-content {
    height: 90vh !important;
}

demo

If this is not what you are looking for, please explain the question little bit further or add some code.

answered Jul 14, 2017 at 0:42

Nehal

13.3k4 gold badges48 silver badges59 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Angular material md-tab scrolling content

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related