Stack Overflow
Stack Overflow

Questions tagged [angular-material-tab]

12 questions
4
votes
0 answers

Angular 13: Material Tabs with bodyClass not working

I set according the Angular Doc the bodyClass in the following example: …
LeO
  • 4,238
  • 4
  • 48
  • 88
2
votes
3 answers

Changing tabs in Angular Material using Cypress

I have an Angular Material tab group on my page. I have to test changing of tabs using Cypress. When the page loads the user is on the Basic Information tab, I want to switch to the Relationships tab. I am not able to change the tabs Here's the…
Pritam Bohra
  • 3,912
  • 8
  • 41
  • 72
1
vote
1 answer

Angular Material tab: Scroll to selected tab when resized

I use the Material Tab example. I select in all the three tabs the last tab. When I resize the width of the panel the selected tab scrolls out of view. As seen in the picture the third is NOT visible. Is there a way to scroll the third…
LeO
  • 4,238
  • 4
  • 48
  • 88
1
vote
1 answer

Material tab is not responsive

I have Material tab on left hand side of split area. When I move splitter to reduce width of tab group, active link mark stays and does not respond to the updated width. How can I make responsive tabs? I created on stackbliz
sally
  • 379
  • 2
  • 8
  • 17
0
votes
0 answers

Angular Material tab header: pagination controls flickering

I haven't seen this in material@15, but have run into it half a dozen times with material@16 At some particular widths of the tab group, the tab header will jump between two states: display the tab headers with pagination control (ie < on far left…
Alex
  • 368
  • 5
  • 17
0
votes
0 answers

Scroll Bar inside mat-tab content with Grid layout

I am using CSS grid layout and using mat-tab controls to display some data. However I am unable to get the scroll bar to come up inside the tab content, for the tab content alone without changing it to a fixed height. Help. :host { height: 100%; …
TSR
  • 714
  • 2
  • 7
  • 24
0
votes
0 answers

Content of tab-group disappears before header when using route-animation

I have added a FadeIn/FadeOut animation as a route animation for my application. When I added a tab group as the page content, I noticed the following. When I enter the page, everything works as it should. The tab group fades in slowly. When I leave…
weisma
  • 1
0
votes
1 answer

Is there a way to style Angular Material Tabs locally?

I am trying to style a mat-tab locally, I understand that :ng-deep affects the style to be global, But is there a way to change style per component? Thanks!
Reisy Eytan
  • 81
  • 6
0
votes
0 answers

Angular Material tab ripple effect on click does not apply to full tab after stretch

UPDATE: This issue is considered an 'edge case' and will not be fixed by the Angular team. You can take a look at this github issue for the full detail: https://github.com/angular/components/issues/23051. I still like to get a workaround. I have…
mouisaac
  • 44
  • 6
0
votes
0 answers

Angular Material tab cdkchange undefined index

The problem is when I want to change tab, then it is show an error message: My code look like this:
allpacka
  • 27
  • 1
  • 4
0
votes
1 answer

Angular Material Tabs - New added tab is half hidden

I am setting the tab title after the tab has been added. And because of that, half of the tab is not on the screen. Is there a way to realign the tabs again? stackblitz code here -- Edit https://github.com/angular/components/issues/17853, seems…
V.S
  • 314
  • 1
  • 4
  • 14
0
votes
1 answer

ag-grid in a Material Tab

I have an app that has two ag-grids in two tabs using Angular Material tabs. When the user switches between tabs the items in one of the columns get rendered outside of the grid (but inside the tab body). The difference in the column is that it…
HisDivineShadow
  • 1,036
  • 1
  • 12
  • 21