V8-archive: Column width (Table view) not resizable in Firefox

[PieturP]

Bug Report

Steps to Reproduce

1. Open Firefox
2. Open Directus
3. Go to any collection with a tabular view
4. Drag a column width handler in the table header

Expected Behavior

The width of the column is changed

Actual Behavior

The width does not change

Other Context & Screenshots

Tested in Firefox 69 and Firefox 71.0a1 (nightly) on MacOS 10.14.6. Not tested on other platforms.
_N.B. This bug does not occur in Chrome nor in Safari_

Technical Details

• Device: Laptop
• OS: MacOS 10.14.6
• Directus: 7.10.0

[MadhuPolu]

Hi @PieturP, I wanted to work on this bug, I forked the code and tested it, did some trouble shoot, came to know about two things why it's not working in firefox.

1. @ drag="drag(field, $event)" in table.vue - Not firing in firefox for the below reason. addEventListener("dragstart", function(event){
   event.dataTransfer.setData('text/plain', null); //In firefox, This line decides whether drag event gonna be triggered or not
   })
2. Now firing in firefox after added the above line, but still there is a bug in firefox browser it seems. Here is jsfiddle code that I added to see the diff between both browsers chrome and firefox. https://jsfiddle.net/4xo8gv2z/1/
   I'm using latest firefox version on Win10.
   It seems the open issue in firefox is not yet resolved (though the status is closed). https://bugzilla.mozilla.org/show_bug.cgi?id=1428225

@benhaynes

[MadhuPolu]

Kendo using a different approach for the same type of functionality, Firefox issue might be the reason :)
https://demos.telerik.com/kendo-ui/grid/column-resizing

[MadhuPolu]

@PieturP, created a bug for the same in bugzilla, please check the below link.

https://bugzilla.mozilla.org/show_bug.cgi?id=1588299

@benhaynes

[benhaynes]

Thanks @madhupolu! @rijkvanzanten is actually the App lead and would be far better at reviewing/answering your responses... so I'll defer to him. :)

[rijkvanzanten]

Lets wait if there's gonna be any activity on the bug trackers for Firefox in the near future. If not, we can consider refactoring the drag system to work so it'll work in Firefox too.

[foss-]

Friendly ping about this. Allowing to change the column width in Firefox would be really helpful. I am working with this frequently and it is preventing to work effectively.

[rijkvanzanten]

@foss- As a fellow Firefox user, I hear ya. I created a new table component that will be used for all tables moving forwards, so this is actively being worked on. Try it out yourself here:

https://directus-app-next-storybook.netlify.com/?path=/story/components-table--resizable