Drag and drop image not working in Google Chrome
Hi,
We have implemented a drag and drop of images using af:dropTarget. The drag source is like this:
<af:iterator id="it1" value="#{bindings.Return.collectionModel}" var="node" rendered="true">
<af:image id="cil1" source="#{node.URI}"
inlineStyle="font-size:xx-small; margin:inherit; padding:inherit; width:35px; height:35.0px;"
clientComponent="true" shortDesc="">
<af:clientAttribute name="name" value="#{node.name}"/>
<af:clientAttribute name="URI" value="#{node.URI.path}"/>
<af:attributeDragSource attribute="URI"/>
<af:clientAttribute name="icon32" value="#{node.icon32}"/>
<af:showPopupBehavior triggerType="mouseHover" popupId="::p1" align="beforeStart"
alignId="cil1"/>
<af:clientListener method="init" type="action"/>
</af:image>
<af:spacer width="25" height="10" id="s1"/>
</af:iterator>
And the dropTarget is like:
<af:dropTarget dropListener="#{backingBeanScope.indexManagedBean.handleDragAndDrop}"
actions="COPY">
<af:dataFlavor flavorClass="java.lang.String"/>
</af:dropTarget>
This works fine in IE and Firefox but is not working in Google Chrome. We have used Inspect Element of Chrome but don't see any error over there. Neither do we see any error in the server logs. Just the image is not being dragged to the target.
Jdev Version: 11.1.1.5.0
Build: JDEVADF_11.1.1.5.0_GENERIC_110409.0025.6013
Thanks
Arijit