-
Notifications
You must be signed in to change notification settings - Fork 1.5k
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Drag and Drop Causes Flashing and Disappearing Cards #6001
Labels
good first issue
Good for newcomers
scope: front
Issues that are affecting the frontend side only
size: hours
Comments
To resolve the flashing and disappearing cards issue during drag-and-drop, follow these steps:
References |
Can I get assigned to this issue? |
Sure @rksingh2001, thanks for contributing! |
@Bonapara I think you forgot to assign me :) |
done, Sorry 😅 |
rksingh2001
added a commit
to rksingh2001/twenty
that referenced
this issue
Jun 27, 2024
…6001 by setting root to document's viewport
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Labels
good first issue
Good for newcomers
scope: front
Issues that are affecting the frontend side only
size: hours
Current Behavior
I grab the "Twitch" card.
![CleanShot 2024-06-24 at 15 35 31](https://private-user-images.githubusercontent.com/19412894/342357240-0ebdac4c-a846-4b3b-b584-5aca12879de8.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTk3MDc1ODQsIm5iZiI6MTcxOTcwNzI4NCwicGF0aCI6Ii8xOTQxMjg5NC8zNDIzNTcyNDAtMGViZGFjNGMtYTg0Ni00YjNiLWI1ODQtNWFjYTEyODc5ZGU4LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA2MzAlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNjMwVDAwMjgwNFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTQwMmNlYWQwNTViMjE3NDczYmUxZjY4N2ZiMjNkMmVhZDY3OGRlNTBkNDY1YjIzZjI0ZmRhZWE3OWY4Nzk4OWMmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.L2R-SJ2NSTvReKXbux5SC-7cChKZMC0BXRNxM62No_Y)
I drag the card between "VMware" and "HP." The "Twitch" card disappears from the right column.
![CleanShot 2024-06-24 at 15 33 50](https://private-user-images.githubusercontent.com/19412894/342356786-7d13350b-a6f9-41a2-ac04-ffbf213f80d8.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTk3MDc1ODQsIm5iZiI6MTcxOTcwNzI4NCwicGF0aCI6Ii8xOTQxMjg5NC8zNDIzNTY3ODYtN2QxMzM1MGItYTZmOS00MWEyLWFjMDQtZmZiZjIxM2Y4MGQ4LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA2MzAlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNjMwVDAwMjgwNFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWZiMGEwNzNhODczMTllOWM3MmUxNzFkMDUwNzM1OGI1YTg4OGI4OWJiY2ViZTg4ODJhMDQ4MzEwZmZmZWM2OGEmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.XYbaaMxMRK53DrQvQxRPvPdOmYleNYr7s_-rbt2PROw)
When I release the click, the card is added to the left column but is displayed again in the right column.
![CleanShot 2024-06-24 at 15 37 42](https://private-user-images.githubusercontent.com/19412894/342358057-a0dfa950-5ed0-4320-b589-b5b3d11ff254.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTk3MDc1ODQsIm5iZiI6MTcxOTcwNzI4NCwicGF0aCI6Ii8xOTQxMjg5NC8zNDIzNTgwNTctYTBkZmE5NTAtNWVkMC00MzIwLWI1ODktYjViM2QxMWZmMjU0LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA2MzAlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNjMwVDAwMjgwNFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWM5YTRkNGY3YmZhNDk2M2JhMWI2M2ZiZTk5OTY2Zjc5MWRmYmRjNTFjMDhhNmE1NTgzZDhiMzllZDBkN2Q1NDkmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.OOVT8YpKVIu1vBkbf19TFn6NsSC81VCx7GvD0XyuvzQ)
The card disappears from the left column, even though we want to drag it there.
![CleanShot 2024-06-24 at 15 38 58](https://private-user-images.githubusercontent.com/19412894/342358449-c1cc9323-f248-4dd6-9303-5a99ea9a6839.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTk3MDc1ODQsIm5iZiI6MTcxOTcwNzI4NCwicGF0aCI6Ii8xOTQxMjg5NC8zNDIzNTg0NDktYzFjYzkzMjMtZjI0OC00ZGQ2LTkzMDMtNWE5OWVhOWE2ODM5LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA2MzAlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNjMwVDAwMjgwNFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTlmMDA2MjRmOGQ4MzBhM2Q0NTkxZDY1NmQzNGIyZDI5MGU1MWFhNWI5YzBjZmQ0ZWM4OWZlYzU2ZDMzMjlkZmEmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.IAYTLsYPiryd5_Ps9tEa-pdQAE-eANI_9gphfwMRax8)
The card disappears from the right column and finally appears in the left column.
![CleanShot 2024-06-24 at 15 40 03](https://private-user-images.githubusercontent.com/19412894/342358732-a6f6abdd-343d-4fff-8726-25dbda330bc5.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTk3MDc1ODQsIm5iZiI6MTcxOTcwNzI4NCwicGF0aCI6Ii8xOTQxMjg5NC8zNDIzNTg3MzItYTZmNmFiZGQtMzQzZC00ZmZmLTg3MjYtMjVkYmRhMzMwYmM1LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA2MzAlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNjMwVDAwMjgwNFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWQ0ZDFmYWQ0Mjc3MTM1ZmFlYzQ5ODVlMTQ5ZDE5N2UwZGQ2ZTk5NDcyOTRiZDA0ZGYxNGEzZWM2MDgwM2M2MTEmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.XmWYQRzIt4XRhEVQJl03Kl-uQTV7Y745LDyeGx7vk6w)
Full Behavior in Video:
CleanShot.2024-06-24.at.15.31.13.mp4
Desired Behavior
Prevent any flashing when dragging and dropping a card to another column.
The text was updated successfully, but these errors were encountered: