drawDOM drops a div tag in Chrome, but not in IE or Firefox

[Hoanh]

We generate a rather complex nested div and when we use drawDOM to export to PDF it works most of the time.  Sometimes, however, it drops one of the internal divs.  This only happens in Chrome, and not in IE or Firefox.

Please see sample code at dojo.telerik.com/uTAnE/5

Note then when run Safari, the exported PDF correctly includes both boxes on the 13th (the yellow and the gray box).  On Chrome, however, the yellow box is missing.  This seems to be data-dependent as if we have more internal boxes, everything is OK.

Any help you could provide would be greatly appreciated.

 

 

 

 

 

[Dimo]

Hi Hoanh,

The problem is caused by Chrome's unstable sorting algorithm. When absolute positioning is used, the dramDOM implementation prepares a list of DOM elements, sorted by their z-index. Since z-index is not set in this case, the element order should match their rendering order, but this is not the case in Chrome. As a result, one white box ends up being placed over a colored box.

The easiest workaround is to apply z-index to all the colored boxes that should reside over the white background boxes.

I have logged the issue for fixing and updated your Telerik points. Thanks for reporting this.

https://github.com/telerik/kendo-ui-core/issues/2071

Regards,
Dimo
Telerik by Progress