qooxdoo / qooxdoo

qooxdoo - Universal JavaScript Framework
http://qooxdoo.org
Other
766 stars 261 forks source link

Iframe - Drag Icon stops on the border of the iframe #10461

Open helmut-kleinhans opened 2 years ago

helmut-kleinhans commented 2 years ago

Describe the bug When try to use drag and drop and drag the selected element over a qooxdoo iframe object the drag icon stops on the border of the iframe. seams like the coordinates not longer updated.

To Reproduce

  1. Create a drag source (a list for example), create a iframe object with at least 200 pixel width/height and place it in the same container with some gap of at least 50 pixel between the iframe and the drag source. (but i guess it does not matter if its the same container or not)
  2. Register the drag / drop event handler as it should be.
  3. Start to drag - notice the drag icon next to the mouse - maybe define a custom icon which is bigger and uses some noticeable color
  4. Try to drag it over the iframe and notice what happens with the drag icon.

Screenshots image

Desktop (please complete the following information):

Additional context Sometimes its possible to move the icon into the frame when the drag is done from the left side

goldim commented 1 year ago

@helmut-kleinhans Is your Iframe another qooxdoo app? AFAIK qooxdoo drag&drop works only with qooxdoo objects/widgets. And btw, a simple code example would be good addition to the issue.

helmut-kleinhans commented 1 year ago

@goldim. The content of the iframe is not a qooxdoo app. in the version 5 of qooxdoo this was working without issues, but now its different. i can prepare a shorter code sample, but where should i put this sample then? inside the text here or on some extra storage for downloading / onlien review?

goldim commented 1 year ago

@helmut-kleinhans would be great. If it possible you may do it on Qooxdoo Playground and write tinyurl link here in comments or in issue description. Unless it is possible to produce example on Playground then code snippet could be attached here in the issue.

goldim commented 1 year ago

The example: https://tinyurl.com/mr2vfc5d

goldim commented 1 year ago

@helmut-kleinhans I've checked how it works with qooxdoo v5 and it doesn't too. The effect is freezing on iframe and stop moving.

goldim commented 1 year ago

@helmut-kleinhans please check the example by link and confirm that it is what you experience too.

johnspackman commented 1 year ago

This rings a bell for me - AFAICR the iframe takes all the events so qooxdoo gets cut off, the way I solved it was by placing a transparent div on top of the iframe during the drag.

This will be an issue if you want to drag and drop between the container app and the iframe - that would probably require turning off Qoxxdoos drag and drop altogether

goldim commented 1 year ago

Maybe this solution should work out of box shouldnt it? I just dont know if there is a difference if iframe contains qooxdoo app instead of other site.