Chrome Render Bug while resizing Table, header background stick on top of another div

Question

I have two different panels those are resizable by dragging. All things are working fine in other browsers but in chrome somehow the background of header stick to the parent div. it seems the new rendering problem of Chrome with skia graphics.

Please have a look on screenshot or video link i attached, you will find that glitch on video,help me out to finding the workaround for this.

And, I tried to compress this problem by applying background-color to table,tbodyand wrapper div but still sometimes it behaves the same.

If this is not the right place to put this question please suggest me where? Thanks.

Answer 1

Regarding the fact that the glitch occurs outside the table. I would try overflow: hiddenon the table wrapper.