ViewEncapsulation.ShadowDom and Primeng. Not all styles are presented

I use table Primeng datatable and there is a need to implement filter for columns.

Problem is that I enabled ViewEncapsulation.ShadowDom but no styles are presented for filters it's like there is no css at all. But for table there are styles as you can see in my history-changes.component.css I imported styles.

@import '~bootstrap/dist/css/bootstrap.min.css';
@import '~primeng/resources/themes/saga-blue/theme.css';
@import '~primeng/resources/primeng.min.css';
@import '~primeicons/primeicons.css';


ViewEncapsulation in my ts file

@Component({
selector: 'app-history-changes',
templateUrl: './history-changes.component.html',
styleUrls: ['./history-changes.component.css'],
encapsulation: ViewEncapsulation.ShadowDom,
})




By the way filters work. Just problem with absence of styles for it.

Screenshot with the error :

Continue reading...