### **Environment**:

* OpenProject Edge
* macOS 12,1 / Firefox 97,0 / EN
* macOS 12,1 / Safari 15,2 / EN

### **Steps to reproduce:**

1. Open a Team Planner
2. Find an assignee row with at least two cards planned around the same time
3. Drag the edge of one and stretch/shorten the card to make it longer and shorter than the other

### **Actual Behavior**

This is best illustrated with this animated gif (Firefox):

<figure class="image op-uc-figure"><div class="op-uc-figure--content"><img class="op-uc-image" src="/api/v3/attachments/27564/content"></div></figure>

In this gif, you see notably:

* The first card (&quot;Bier holen&quot;) disppear when dragged
* The first card reappear when the second card (&quot;Bier kaufen&quot;) is shortened
* Incidentally, some trouble &quot;catching&quot; the drag handles, as addressed in <mention class="mention" data-id="41108" data-type="work_package" Begin of the insertiondata-text="#41108">#41108</mention>End of the insertion Begin of the deletion data-text="#41108">#41108</mention> End of the deletion
* The two cards change display order when the first card (&quot;Bier holen&quot;) is shortened to be shorter than the second Begin of the insertioncard.End of the insertion Begin of the deletion card. End of the deletion

The second gif illustrates the order changing so that the longer card is on top in Safari:

<figure class="image op-uc-figure"><div class="op-uc-figure--content"><img class="op-uc-image" src="/api/v3/attachments/27565/content"></div></figure>

### **Expected Behavior**

* Cards don&#39;t disappear when stretched/shortened
* Begin of the insertion~~TheEnd of the insertion Begin of the deletion TheEnd of the deletion order does not change when modifying length, unless it is to optimise alignment with other cards (in the examples above, there is no reason for this switch, which seems to arbitrarily put longer cards above shorter Begin of the insertionones)~~End of the insertion Begin of the deletion ones)End of the deletion