angularjs - md-tab content and body overlapping -
i'm using md-tabs of angular material tabs getting overlapped. got fix when i'm visiting each tab @ least one's. below code. angular js version: 1.4
 <md-content class="md-padding"> <md-tabs md-selected=0> <md-tab id="tab1" label="one" md-active="true" md-no-select-click="true"> <md-tab-label>item one</md-tab-label> <md-tab-body> view item #1 <br/> data.selectedindex = 1; </md-tab-body> </md-tab> <md-tab id="tab2" label="two" md-no-select-click="true" md-active="false"> <md-tab-label>item two</md-tab-label> <md-tab-body> view item #2 <br/> data.selectedindex = 2; </md-tab-body> </md-tab> <md-tab id="tab3" label="three" md-no-select-click="true" md-active="false"> <md-tab-label>item three</md-tab-label> <md-tab-body> view item #3 <br/> data.selectedindex = 3; </md-tab-body> </md-tab> <md-tab id="tab4" label="four" md-no-select-click="true" md-active="false"> <md-tab-label>item three</md-tab-label> <md-tab-body> view item #3 <br/> data.selectedindex = 3; </md-tab-body> </md-tab> <md-tab id="tab5" label="five" md-no-select-click="true" md-active="false"> <md-tab-label>item three</md-tab-label> <md-tab-body> view item #3 <br/> data.selectedindex = 3; </md-tab-body> </md-tab> </md-tabs> </md-content>
Comments
Post a Comment