Material tab is not responsive

1.1k Views Asked by At

I have Material tab on left hand side of split area. enter image description here

When I move splitter to reduce width of tab group, active link mark stays and does not respond to the updated width.

enter image description here

How can I make responsive tabs? I created on stackbliz

1

There are 1 best solutions below

0
On

remove
flex: 0 0 calc(50% - 5.5px);

and assign 100% width to all the parent containers