Skip to content
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

[Lens] fix drag and drop overlay #162310

Merged
merged 1 commit into from
Jul 24, 2023
Merged

Conversation

mbondyra
Copy link
Contributor

@mbondyra mbondyra commented Jul 20, 2023

Summary

Fixes #160735

When implementing drag and drop for the first time, to move smoothly between the main drop target and extra drop targets (duplicate or swap), I created an extra overlay path that keeps the elements visible when moving around (so when user drags out of the main drop target in the direction of extra targets, we don't loose their visibility)

Turns out it started causing the 🔝 bug in the recent versions.

This solution is not needed anymore though. Right now we keep elements visible for a few seconds when user drags out no matter where the mouse cursor is, so that's enough to go from main target to extra targets.

Here's the overlay path I removed (I added yellow transparent background so it's more visible)
Screenshot 2023-07-20 at 13 34 41

@kibana-ci
Copy link
Collaborator

💚 Build Succeeded

Metrics [docs]

Async chunks

Total size of all lazy-loaded chunks that will be downloaded as the user navigates the app

id before after diff
discover 546.5KB 546.0KB -495.0B
eventAnnotation 176.3KB 176.2KB -126.0B
lens 1.4MB 1.4MB -495.0B
total -1.1KB

To update your PR or re-run it, just comment with:
@elasticmachine merge upstream

@mbondyra mbondyra marked this pull request as ready for review July 20, 2023 11:42
@mbondyra mbondyra requested review from a team as code owners July 20, 2023 11:42
@mbondyra mbondyra added Team:Visualizations Visualization editors, elastic-charts and infrastructure Feature:Lens v8.10.0 labels Jul 20, 2023
@elasticmachine
Copy link
Contributor

Pinging @elastic/kibana-visualizations @elastic/kibana-visualizations-external (Team:Visualizations)

@mbondyra mbondyra added the release_note:skip Skip the PR/issue when compiling release notes label Jul 20, 2023
Copy link
Contributor

@dej611 dej611 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Tested locally with Safari 👍

@mbondyra mbondyra merged commit db7b8f5 into elastic:main Jul 24, 2023
@kibanamachine kibanamachine added the backport:skip This commit does not require backporting label Jul 24, 2023
@mbondyra mbondyra deleted the lens/fix_dnd_overlay branch July 24, 2023 15:14
ThomThomson pushed a commit to ThomThomson/kibana that referenced this pull request Aug 1, 2023
## Summary

Fixes elastic#160735

When implementing drag and drop for the first time, to move smoothly
between the main drop target and extra drop targets (duplicate or swap),
I created an extra overlay path that keeps the elements visible when
moving around (so when user drags out of the main drop target in the
direction of extra targets, we don't loose their visibility)

Turns out it started causing the 🔝 bug in the recent versions. 

This solution is not needed anymore though. Right now we keep elements
visible for a few seconds when user drags out no matter where the mouse
cursor is, so that's enough to go from main target to extra targets.

Here's the overlay path I removed (I added yellow transparent background
so it's more visible)
<img width="485" alt="Screenshot 2023-07-20 at 13 34 41"
src="https://github.com/elastic/kibana/assets/4283304/69acb1ff-1ada-4987-b47e-da282f8b992d">
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
backport:skip This commit does not require backporting Feature:Lens release_note:skip Skip the PR/issue when compiling release notes Team:Visualizations Visualization editors, elastic-charts and infrastructure v8.10.0
Projects
None yet
Development

Successfully merging this pull request may close these issues.

[Lens] Drag and drop sometimes doesn't work
7 participants