Grid and input field disappears. First column appears after some scroll.

Webix JS
#1

Pivot table gets rendered fine. After selection of fields in configuration with drag and drop and apply… Filter input field and grid disappears.

I am using angular 6.

Component

@ViewChild("webixpivot") webixpivot: ElementRef;

 this.ui = <webix.ui.pivot>webix.ui({
        container: this.webixpivot.nativeElement,
        width: 'auto',
        height: 800,
        view: 'pivot',
        data: [],
        structure: {
            rows: ['MFG PART ID'],
            columns: ['MFG NAME'],
            values: [
                { name: 'Alternative 1', operation: 'sum' }
            ],
            filters: [
                { name: 'MFG PART ID', type: "text" }
            ]
        }

    });
#2

Problem is with the resize… when i manual this.ui.resize(); the table it gets fine…

#3

By default it works fine, even if it lies in a container: https://snippet.webix.com/ddjnnylb

I’m not sure that Angular can block resizing. Does your Pivot fail to resize outside the Angular environment?

#4

i haven’t used it outside angular. But its working fine in the demo you shared…