Scroll overflow bug in Chrome

rknetwork

Took me a while to catch it,

Chrome (Windows 7): 25.0.1364.152 m
Datatables: 1.9.4
jQuery: 1.8.3
jQuery-UI: 1.9.2

Set Chrome's Zoom to 90%:

http://jsfiddle.net/MfsWX/2/embedded/result/
http://jsfiddle.net/MfsWX/2/

Entire row in now overflowed out of the screen with the main browser's scrollbar.
This bug can appear and disappear depending on the data inside of s, but in this particular example - it shows clearly.

Why don't "sScrollX": "100%" and "sScrollY": "100%" work properly?

How to fix it?

FF and IE9 don't have this issue.

Please help. Thanks.

rknetwork

The problem is related to wrapper.

Here is a temporary solution:

[code]#reports-table_wrapper {
overflow-x: auto;
}[/code]