Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Drag broken under specific absolute position and drag handle using :before conditions #1112

Open
719media opened this issue May 26, 2017 · 8 comments

Comments

@719media
Copy link

719media commented May 26, 2017

When a draggable item is using a drag handle with :before css, and the draggable item also contains an absolutely positioned element, the drag is broken.

I came across this because the font-awesome library uses css :before to display the fonts (e.g. http://fontawesome.io/icon/bars/), so if you use font awesome icon as drag handle you automatically get half of the condition.

Tested on master.

https://jsfiddle.net/u5dyhqy4/5/

@719media
Copy link
Author

719media commented Jun 4, 2017

A week later, I'm having difficult replicating my exact test case. On a related note, the follow codepen which was forked from a different example from the author (see #306) works in chrome, but not firefox, using master (version 1.6.0). Perhaps firefox has issues rendering <tr> outside of <table>, but chrome does not?

See https://jsfiddle.net/4x00skx7/2/

@aintJoshinya
Copy link

your original issue is still an issue for me in Firefox.

for the table fiddle, what issue are you experiencing in firefox? it works perfectly for me.

@719media
Copy link
Author

719media commented Jun 4, 2017

For the fiddle https://jsfiddle.net/4x00skx7/2/
I'm using Firefox 53.0.3 (latest) on a mac.
When I click to drag the rows, they don't do anything.

Using Chrome 58.0.3029.110 (latest) on a mac, the fiddle works as expected.

@aintJoshinya
Copy link

on Firefox 53.0.3 (32-bit) using windows 10, I have no issues with that fiddle. sounds like a bug with Firefox on Mac.

@brettwinters
Copy link

brettwinters commented Jul 31, 2017

I found a similar issue

If all of the following is true:

(1) font image (fa, mdi tested) and used as a handle
(2) bootstrap select plugin (silviomoreto.github.io/bootstrap-select/) in a table row/cell
(3) using firefox (I tested on windows 10)

then dragging won't work in a table (see jsbin below)

http://jsbin.com/hevoziz/edit?html,js,output

Any ideas on a solution other than trying to avoid any of the above 3 conditions?

@kickthemooon
Copy link

I have the same issue. When using a handle dragging doesn't work in firefox.
Anyone found a solution for this?

@jankapunkt
Copy link

Same issue with Firefox for Ubuntu 65.0 (64-bit) form the canonical repository. Works however fine with Chromium.

@jankapunkt
Copy link

jankapunkt commented Feb 27, 2019

Okay I found that when I start firefox in safe mode (all add ons disabled) then it works, so I think my ad blocker or bitcoin mining blocker is the issue here.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

6 participants