Note that there are some explanatory texts on larger screens.

plurals
  1. PODraggable nested inside Draggable drags both when dragging child in IE
    primarykey
    data
    text
    <p>I'm building a seating application using jQuery. I have tables with chairs around them, which may have guests seated at the chairs. Each table has a wrapper div which is draggable. Inside the table are any number of chair div's. Inside any chair div a guest may be seated. Guest are also a div which is nested inside the chair div. Here is a sample for the markup of one such table. This table has 8 chiars with two guests seated at the first two chairs.</p> <pre><code>&lt;div id="table-wrapper-1" class="table-wrapper table-type-0 ui-draggable"&gt; &lt;div id="table-1" class="seating-table"&gt; &lt;div class="seating-table-name"&gt;Table 1&lt;/div&gt; &lt;/div&gt; &lt;div id="chair-1-0" class="chair chair-pos-0 table-chair-1"&gt; &lt;div title="Elaine Benis" id="guest-2-5-2" class="guest guest-2 ui-draggable"&gt;&lt;/div&gt; &lt;/div&gt; &lt;div id="chair-1-1" class="chair chair-pos-1 table-chair-1"&gt; &lt;div title="Elaine Benis" id="guest-2-5-2" class="guest guest-2 ui-draggable"&gt;&lt;/div&gt; &lt;/div&gt; &lt;div id="chair-1-2" class="chair chair-pos-2 table-chair-1"&gt;&lt;/div&gt; &lt;div id="chair-1-3" class="chair chair-pos-3 table-chair-1"&gt;&lt;/div&gt; &lt;div id="chair-1-4" class="chair chair-pos-4 table-chair-1"&gt;&lt;/div&gt; &lt;div id="chair-1-5" class="chair chair-pos-5 table-chair-1"&gt;&lt;/div&gt; &lt;div id="chair-1-6" class="chair chair-pos-6 table-chair-1"&gt;&lt;/div&gt; &lt;div id="chair-1-7" class="chair chair-pos-7 table-chair-1"&gt;&lt;/div&gt; &lt;/div&gt; </code></pre> <p>The div.table-wrapper is a draggable and so are the div.guest's. The idea is that you can drag a guest from one chair to another, or drag the entire table to a different location. The problem I am having is in IE, where if you click and drag a guest, both the guest and the table drag at the same time. Does anyone know how I can fix that?</p> <p>Thanks, ~Matt</p>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload