Skip to main content

I’ve got a table component where the first column is always fixed and the rest of the columns can drag left (“under” it). As soon as the dragging starts, I show a drop shadow effect under the right edge of the fixed column. When the user drags all the way back, the drop shadow disappears. This all worked perfectly yesterday.


Today I notice that the user can only drag an inch to the left before the drag interaction stops. This leaves several columns still clipped off to the right. Also, the drop shadow does not appear. THEN, if I start another left drag interaction, the drop shadow appears and it lets me drag a couple inches past the end point such that I have a blank spot after my right most column!

Users should really be paid by Figma for the amount of debugging we do on behalf of the dev team.


Some “debugging” has revealed that the issues are related to both hidden columns, whose innate width is somehow being improperly used in some kind of total width calculation, and also related to columns that are fixed to any width smaller than what it would be if the column was set to hug instead. In my case, I have both a hidden column and a column separator/“resizer” object which I set to fixed width of 1, but contains a hover target that is 5 px wide, and that’s the extra width that Figma is incorrectly using in whatever calc it’s doing.

Reply


Terms & ConditionsCookie settings