[richfaces-issues] [JBoss JIRA] Updated: (RF-10991) Drag'n'Drop: DOM tree pollution after dnd operations.

[Brian Leathem (JIRA)]

     [ https://issues.jboss.org/browse/RF-10991?page=com.atlassian.jira.plugin.system.issuetabpanels:all-tabpanel ]

Brian Leathem updated RF-10991:
-------------------------------

    Description: 
New indicator getting added to DOM each time when object dragged. And not removed after drop operation.
http://richfaces-showcase.appspot.com/richfaces/component-sample.jsf?demo=dragDrop&skin=blueSky
drag "flexible ajax" a few times and drop but not to target zone but just releasing the indicator. 
Now inspect the table cell with that element. I'm seeing next picture (as much hidden td's as much times you dragged):

{code}
<td>
<div class="rf-ind-drag ui-draggable"
	id="form:src:0:j_idR370443752_3d201a4f" style="position: relative;">Flexible
Ajax</div>
<div class="rf-ind-drag ui-draggable"
	id="form:src:0:j_idR370443752_3d201a4f"
	style="position: absolute; left: 635px; top: 307px; display: none;">Flexible
Ajax</div>
<div class="rf-ind-drag ui-draggable"
	id="form:src:0:j_idR370443752_3d201a4f"
	style="position: absolute; left: 628px; top: 304px; display: none;">Flexible
Ajax</div>
<div class="rf-ind-drag ui-draggable"
	id="form:src:0:j_idR370443752_3d201a4f"
	style="position: absolute; left: 642px; top: 307px; display: none;">Flexible
Ajax</div>
<div class="rf-ind-drag ui-draggable"
	id="form:src:0:j_idR370443752_3d201a4f"
	style="position: absolute; left: 633px; top: 310px; display: none;">Flexible
Ajax</div>
<div class="rf-ind-drag ui-draggable"
	id="form:src:0:j_idR370443752_3d201a4f"
	style="position: absolute; left: 639px; top: 317px; display: none;">Flexible
Ajax</div>
</td>
{code}

Besides. Side issue maybe just review and create new one during that code checks. I'm not sure why we adding ui:draggable styles and relative position to *original* element right after it rendered. Why that could not be done only at clonned copy? Could that affect the UI in some cases(I think so)?

  was:
New indicator getting added to DOM each time when object dragged. And not removed after drop operation.
http://richfaces-showcase.appspot.com/richfaces/component-sample.jsf?demo=dragDrop&skin=blueSky
drag "flexible ajax" a few times and drop but not to target zone but just releasing the indicator. 
Now inspect the table cell with that element. I'm seeing next picture (as much hidden td's as much times you dragged):

<td>
<div class="rf-ind-drag ui-draggable"
	id="form:src:0:j_idR370443752_3d201a4f" style="position: relative;">Flexible
Ajax</div>
<div class="rf-ind-drag ui-draggable"
	id="form:src:0:j_idR370443752_3d201a4f"
	style="position: absolute; left: 635px; top: 307px; display: none;">Flexible
Ajax</div>
<div class="rf-ind-drag ui-draggable"
	id="form:src:0:j_idR370443752_3d201a4f"
	style="position: absolute; left: 628px; top: 304px; display: none;">Flexible
Ajax</div>
<div class="rf-ind-drag ui-draggable"
	id="form:src:0:j_idR370443752_3d201a4f"
	style="position: absolute; left: 642px; top: 307px; display: none;">Flexible
Ajax</div>
<div class="rf-ind-drag ui-draggable"
	id="form:src:0:j_idR370443752_3d201a4f"
	style="position: absolute; left: 633px; top: 310px; display: none;">Flexible
Ajax</div>
<div class="rf-ind-drag ui-draggable"
	id="form:src:0:j_idR370443752_3d201a4f"
	style="position: absolute; left: 639px; top: 317px; display: none;">Flexible
Ajax</div>
</td>

Besides. Side issue maybe just review and create new one during that code checks. I'm not sure why we adding ui:draggable styles and relative position to *original* element right after it rendered. Why that could not be done only at clonned copy? Could that affect the UI in some cases(I think so)?



> Drag'n'Drop: DOM tree pollution after dnd operations.
> -----------------------------------------------------
>
>                 Key: RF-10991
>                 URL: https://issues.jboss.org/browse/RF-10991
>             Project: RichFaces
>          Issue Type: Bug
>      Security Level: Public(Everyone can see) 
>          Components: component-drag/drop
>    Affects Versions: 4.0.0.Final
>            Reporter: Ilya Shaikovsky
>            Priority: Critical
>             Fix For: 4.1.0.Milestone3
>
>
> New indicator getting added to DOM each time when object dragged. And not removed after drop operation.
> http://richfaces-showcase.appspot.com/richfaces/component-sample.jsf?demo=dragDrop&skin=blueSky
> drag "flexible ajax" a few times and drop but not to target zone but just releasing the indicator. 
> Now inspect the table cell with that element. I'm seeing next picture (as much hidden td's as much times you dragged):
> {code}
> <td>
> <div class="rf-ind-drag ui-draggable"
> 	id="form:src:0:j_idR370443752_3d201a4f" style="position: relative;">Flexible
> Ajax</div>
> <div class="rf-ind-drag ui-draggable"
> 	id="form:src:0:j_idR370443752_3d201a4f"
> 	style="position: absolute; left: 635px; top: 307px; display: none;">Flexible
> Ajax</div>
> <div class="rf-ind-drag ui-draggable"
> 	id="form:src:0:j_idR370443752_3d201a4f"
> 	style="position: absolute; left: 628px; top: 304px; display: none;">Flexible
> Ajax</div>
> <div class="rf-ind-drag ui-draggable"
> 	id="form:src:0:j_idR370443752_3d201a4f"
> 	style="position: absolute; left: 642px; top: 307px; display: none;">Flexible
> Ajax</div>
> <div class="rf-ind-drag ui-draggable"
> 	id="form:src:0:j_idR370443752_3d201a4f"
> 	style="position: absolute; left: 633px; top: 310px; display: none;">Flexible
> Ajax</div>
> <div class="rf-ind-drag ui-draggable"
> 	id="form:src:0:j_idR370443752_3d201a4f"
> 	style="position: absolute; left: 639px; top: 317px; display: none;">Flexible
> Ajax</div>
> </td>
> {code}
> Besides. Side issue maybe just review and create new one during that code checks. I'm not sure why we adding ui:draggable styles and relative position to *original* element right after it rendered. Why that could not be done only at clonned copy? Could that affect the UI in some cases(I think so)?

--
This message is automatically generated by JIRA.
For more information on JIRA, see: http://www.atlassian.com/software/jira