Hello,

we try to integrate the igSpreadsheet in a stylewise quiet complex angularjs (1.7) application, by wrapping it in its own directive. As you can see in the screenshot some ui elements are not correctly positioned and sized. E.g. the ui-igspreadsheet-tabitemarea and its childs are only 5px high.

When I move the div which will become the spread out of its directive and way up in the DOM, the elements get sized and positioned correctly.

Since, for what I concluded, all elements position and size get calculated inside the components script I am desperately seeking for ideas what might cause the messed up layout.

btw: Calling the igSpreadsheet constructor with fixed height and width values did not help.