Thanks for the fast response.
Setting the parent height/width breaks the Flexbox "fill" remaining space features.
The idea here is, if the data grid is suppose to fill the remaining space of the application, and the user changes the browser size, the grid should adjust whether the browser height or width changes to shrink or expand.
In my real world application, the top most hosting control has a display of absolute positioning. About 7 or more divs down exist the datagrid. All the divs up the hierarchy are flexbox with height and width set to 100%. Other surrounding controls (divs) have a set width and sometimes a set height, which then requires the datagrid control to be agile enough to fill in the remaining space. All other controls and grids (by other 3rd party vendors) work fine filling in the remaining space. The only control that doesn't is syncfusion data grid.
Is there a solution to this problem that doesn't involve setting a hardcoded height/width to a parent div?