Hi,
would you please report a bug for this issue?
But for the mean time you could bootstrap by setting an attribute to the image
DOM element:
Img.getContentElement().setAttribute(“draggable”, “false”);
Gruß
Mustafa Sak
Applications & Integration
1&1 Internet AG | Ernst-Frey-Straße 10 | 76135 Karlsruhe | Germany
Von: Cyrille Rigault [mailto:cyrilleriga...@gmail.com]
Gesendet: Dienstag, 12. Mai 2015 10:31
An: qooxdoo Development
Betreff: [qooxdoo-devel] drag & drop for an image does not work with IE
Hello,
I sent this some days ago but I've had no reply since.
Meantime, I was able to bring some details:
I'm trying a drag&drop of an image in IE 10, qooxdoo 4.0.1, and the drop target
is never activated. I think this is due that IE creates a shallow copy of the
image in the dragging operation.
In fact, it works with an Image with property "scale=false" rendered as a
<div>, but not with an Image with property "scale=true" rendered as an <img>.
How can I solve that ?
here is a sample code.
Regards
Cyrille
-------------
/**
* @asset(dd/*)
* @asset(qx/icon/Tango/32/status/dialog-warning.png)
*/
qx.Class.define("dd.Application", {
extend : qx.application.Standalone,
members : {
main : function() {
this.base(arguments);
if (qx.core.Environment.get("qx.debug")) {
qx.log.appender.Native;
qx.log.appender.Console;
}
var doc = this.getRoot();
var pane = new qx.ui.container.Composite( new qx.ui.layout.VBox());
doc.add( pane, {width: "100%", height: "100%"});
var box1 = new qx.ui.container.Composite( new qx.ui.layout.HBox()).set({
width : 100,
height : 100,
decorator : "main"
});
pane.add( box1);
var box2 = new qx.ui.container.Composite( new qx.ui.layout.HBox()).set({
width : 100,
height : 100,
decorator : "main"
});
pane.add( box2);
box2.setDroppable( true);
var img1 = new
qx.ui.basic.Image("qx/icon/Tango/32/status/dialog-warning.png").set({
width : 100,
height : 100,
scale : true,
allowGrowX : false,
allowGrowY : false
});
img1.setDraggable( true);
box1.add( img1);
var img2 = new
qx.ui.basic.Image("qx/icon/Tango/32/status/dialog-warning.png").set({
width : 100,
height : 100,
scale : false,
allowGrowX : false,
allowGrowY : false
});
img2.setDraggable( true);
box1.add( img2);
img1.addListener( "dragstart", function(e) {
qx.log.Logger.debug( "dragstart");
e.addAction("move");
e.addType("image");
}, this);
img2.addListener( "dragstart", function(e) {
qx.log.Logger.debug( "dragstart");
e.addAction("move");
e.addType("image");
}, this);
box2.addListener( "dragover", function(e) {
qx.log.Logger.debug( "dragover");
if (!e.supportsType("image")) {
qx.log.Logger.debug( this, 'source is not an image : prevent');
e.preventDefault();
}
}, this);
}
}
});
------------------------------------------------------------------------------
One dashboard for servers and applications across Physical-Virtual-Cloud
Widest out-of-the-box monitoring support with 50+ applications
Performance metrics, stats and reports that give you Actionable Insights
Deep dive visibility with transaction tracing using APM Insight.
http://ad.doubleclick.net/ddm/clk/290420510;117567292;y
_______________________________________________
qooxdoo-devel mailing list
qooxdoo-devel@lists.sourceforge.net
https://lists.sourceforge.net/lists/listinfo/qooxdoo-devel
