I had to use all of this global styling:
Code: Select all
/deep/ p-tabview {
position: relative;
bottom: 0;
}
/deep/ .ui-tabview {
position: relative;
height: calc(100% - 38px);
bottom: 0;
}
/deep/ .ui-tabview-panels {
position: relative;
border: 1px #D8D8D8 solid;
top: 0;
height: calc(100% - 35px);
bottom: 0;
}
/deep/ .ui-tabview-panel {
position: relative;
height: calc(100% - 35px);
}
/deep/ .ui-tabview .ui-tabview-panel {
padding: 0;
}
/deep/ .ui-widget-content {
position: relative;
padding: 0;
height: 100%;
}
/deep/ .ui-tabview-panel > div {
position: relative;
height: 100%;
}
Code: Select all
:host {
position: relative;
bottom: 0;
width: 100%;
height: 100%;
}
:host div {
position: relative;
bottom: 0;
width: 100%;
height: 100%;
}
It seems like either I'm missing something or the idea of automatically stretching, window-filling tabbed content simply wasn't considered a likely (or desirable?) use case.