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

fix: expanded control bar not resizing on drag [DHIS2-10795] #1681

Merged
merged 9 commits into from
Mar 30, 2021

Conversation

jenniferarnesen
Copy link
Collaborator

@jenniferarnesen jenniferarnesen commented Mar 26, 2021

Bug fix: remove the expanded flag if dragging has decreased the controlbar height to less than max height.

For the smoother resize experience:

  • reduced re-rendering of DragHandle by using React.memo (this also results in a smoother drag experience since the initial startingY state doesn't get reset to 0)
  • use Math.round instead of Math.floor

Before:
expanded-cb-not-resizing

After:
resize-fixed

Before (jumpy resize - notice how when you first downpress on the drag handle, the controlbar resizes to one less row before being resized to taller (more rows):

jumpy-resize

After: (smoother resize):

smoother-resize

@jenniferarnesen jenniferarnesen changed the title fix: expanded control bar not resizing on drag fix: expanded control bar not resizing on drag [DHIS2-10795] Mar 29, 2021
@jenniferarnesen jenniferarnesen enabled auto-merge (squash) March 30, 2021 09:19
@jenniferarnesen jenniferarnesen merged commit e857c03 into master Mar 30, 2021
@jenniferarnesen jenniferarnesen deleted the fix/cb-not-resizing-on-drag branch March 30, 2021 11:00
dhis2-bot added a commit that referenced this pull request Mar 30, 2021
## [31.14.10](v31.14.9...v31.14.10) (2021-03-30)

### Bug Fixes

* expanded control bar not resizing on drag [DHIS2-10795] ([#1681](#1681)) ([e857c03](e857c03))
@dhis2-bot
Copy link
Contributor

🎉 This PR is included in version 31.14.10 🎉

The release is available on GitHub release

Your semantic-release bot 📦🚀

jenniferarnesen added a commit that referenced this pull request Jul 2, 2021
…1858)


Bug fix: remove the expanded flag if dragging has decreased the controlbar height to less than max height.

Backport of #1681

For the smoother resize experience:

* reduced re-rendering of DragHandle by using React.memo (this also results in a smoother drag experience since the initial startingY state doesn't get reset to 0)
* use Math.round instead of Math.floor
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants