Resize widget with overflow bug

[Hisstsu]

Hi,

In my page i use the resize widget for my table. Some columns have long text so i need the overflow feature. My columns were snapping/bugging when i resize a column after right click (Reset) on the table head or when the table was first loaded in the browser:

Just right click the header and then try to resize, you can see the snapping https://jsfiddle.net/dqenhczs/1/

Now i found out why this is happening. the column width is smaller then the text in one of the cells. If i rise the width then the bug is not happen anymore: https://jsfiddle.net/dqenhczs/2/

Maybe someone knows how to fix this or in the next update this could be fixed when the width is smaller then the text in the cell.

I use the newest version of tablesorter and tablesorter.widgets.

[Mottie]

Hi @Hisstsu!

Sorry for taking so long to respond!

I seem to remember this issue came up before, but I don't recall the solution. It might have been something to do with using the overflow: hidden on an element inside of the td instead of on the td itself.

[Hisstsu]

Hello @Mottie thanks for the reply. I looked in my solution and in the snipped: https://jsfiddle.net/dqenhczs/1/ but could not found any elment inside a td that has overflow: hidden.

I hope someone can find a hint what is causing the problem.