SlickGrid overlay issue in Jquery UI Tabs

There seems to be an overlay issue when slickgrid is inside a jquery ui tab. I am not sure how to fix it.

To reproduce the isse, Please try this JSFiddle link

Please scroll the grid in Tab1 and switch to Tab2. When we switch back to Tab 1. The grid is empty. This seems to happen in chrome and IE, not an issue in firefox !

Filed an issue here:

Please let me know if I'm missing something.

Solution: Solved it with the hint from an earlier post. Used the off-left technique to hid开发者_StackOverflowe inactive tabs.

Thanks for your time.

Solved it with the hint from an earlier post. Used the off-left technique to hide inactive tabs.