# Bug OP-9896 - Cards in the same assignee row disappear and change display order when changing dates using the drag handle

Project: OpenProject
Status: closed
URL: https://community.openproject.org/work_packages/OP-9896

## Open points

_No work packages_

## Details

| Attribute | Value |
| --- | --- |
| Date | 2021-11-01 – 2022-02-27 |
| Priority | Medium |
| Module |  |
| Target versions | 12.1.0 |
| Observed in versions |  |
| Sprint | 12.1.0 |
| Backlog bucket |  |
| Bug found in version (deprecated) |  |
| Found in mobile app version |  |
| Follow-up feedback e-mail |  |
| Requires doc change | No |
| Accessibility | No |
| Pull preview |  |
| List |  |
| Labels |  |

## People

| Attribute | Value |
| --- | --- |
| Assignee |  |
| Accountable |  |
| Product manager |  |
| Developers |  |
| Designer |  |
| Ordered by |  |
| Signed off by |  |
| Interest by |  |

## Planning

| Attribute | Value |
| --- | --- |
| Relevance |  |

## Costs

| Attribute | Value |
| --- | --- |
| Votes |  |
| Work |  |
| Labor costs |  |

## Description

### **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 ("Bier holen") disppear when dragged
  - The first card reappear when the second card ("Bier kaufen") is shortened
  - Incidentally, some trouble "catching" the drag handles, as addressed in <mention class="mention" data-id="41108" data-type="work_package" data-text="#41108">\#41108</mention>
  - The two cards change display order when the first card ("Bier holen") is shortened to be shorter than the second card.

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't disappear when stretched/shortened
  - ~~The 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 ones)~~