Opened 12 years ago

Closed 12 years ago

#5823 closed defect (fixed)

Avatar does not show data when dragging table rows in IE

Reported by: guest Owned by: Eugene Lazutkin
Priority: high Milestone: 1.1
Component: DnD Version: 1.0
Keywords: Cc:
Blocked By: Blocking:

Description

I have noticed that when doing DnD with table rows in IE, the avatar does not display the data from the cells in the dragged row the way it does in FF. At the time I am writing this, I can confirm the problem exists on IE7, but I am pretty sure that the same problem happens on IE6 as well. I am using v1.0.2.

My code is below:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
        <title>Table Row DnD Example</title>

        <style type="text/css">

        .sectionContainer { border: 1px solid black; }
        .sectionTitle { font-weight: bold; text-transform: uppercase; background-color: #CCCCFF; }
        table, tr, td, th { border: 1px solid black; border-collapse: collapse; }

        /* dojo styles */
        .dojoDndItemOver {background: #feb; border: 1px dotted gray; cursor: pointer; }
        .dojoDndItemSelected {background: #feb;border: 1px solid black; }
        .dojoDndItemBefore {border-left: 2px dotted gray; }
        .dojoDndItemAfter {border-right: 2px dotted gray; }
        .target .dojoDndItemAnchor {background: #ededed;border:1px solid gray;}
        .dojoDndAvatar {font-size: 75%; color: black;}
        .dojoDndAvatar td {padding-left: 20px; padding-right: 4px;height:20px}
        .dojoDndAvatarHeader {background: #ccc; background-repeat: no-repeat;}
        .dojoDndAvatarItem {background: #eee;}
        .dojoDndMove .dojoDndAvatarHeader {background-image: url(images/dndNoMove.png);}
        .dojoDndMove .dojoDndAvatarCanDrop .dojoDndAvatarHeader {background-image: url(images/dndMove.png);}

        </style>

        <script type="text/javascript" src="dojoroot/dojo/dojo.js" djConfig="parseOnLoad: true, debugAtAllCosts: true"></script>
        <script type="text/javascript">
                dojo.require("dojo.dnd.Source");
        </script>

</head>
<body>

<div id="tbl" class="sectionContainer">
        <div class="sectionTitle">Results Table</div>
        <table width="100%" id="dragTable">
                <tbody dojoType="dojo.dnd.Source">
                        <tr>
                                <th>Data Source</th>
                                <th>Data Type</th>
                                <th>Title</th>
                                <th>Creator</th>
                        </tr>
                        <tr class="dojoDndItem">
                                <td>Data 1</td>
                                <td>Data 1</td>
                                <td>Data 1</td>
                                <td>Data 1</td>
                        </tr>
                        <tr class="dojoDndItem">
                                <td>Data 2</td>
                                <td>Data 2</td>
                                <td>Data 2</td>
                                <td>Data 2</td>
                        </tr>
                        <tr class="dojoDndItem">
                                <td>Data 3</td>
                                <td>Data 3</td>
                                <td>Data 3</td>
                                <td>Data 3</td>
                        </tr>
                </tbody>
        </table>
</div>

        <div id="tbl2" class="sectionContainer">
                <div class="sectionTitle">Results Table 2</div>
                <table width="100%" id="dragTable2">
                        <tbody dojoType="dojo.dnd.Source">
                                <tr>
                                        <th>Data Source</th>
                                        <th>Data Type</th>
                                        <th>Title</th>
                                        <th>Creator</th>
                                </tr>
                                <tr class="dojoDndItem">
                                        <td>Data 2-1</td>
                                        <td>Data 2-1</td>
                                        <td>Data 2-1</td>
                                        <td>Data 2-1</td>
                                </tr>
                                <tr class="dojoDndItem">
                                        <td>Data 2-2</td>
                                        <td>Data 2-2</td>
                                        <td>Data 2-2</td>
                                        <td>Data 2-2</td>
                                </tr>
                                <tr class="dojoDndItem">
                                        <td>Data 2-3</td>
                                        <td>Data 2-3</td>
                                        <td>Data 2-3</td>
                                        <td>Data 2-3</td>
                                </tr>
                        </tbody>
                </table>
        </div>
</body>
</html>

Change History (2)

comment:1 Changed 12 years ago by Eugene Lazutkin

Milestone: 1.1
Status: newassigned

comment:2 Changed 12 years ago by Eugene Lazutkin

Resolution: fixed
Status: assignedclosed

(In [12475]) Fixing one frequent case of dragging table rows without specifying a creator. Fixes #5823. !strict

Note: See TracTickets for help on using tickets.