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(NavigationManager): allow itemPosX and itemPosY to animate #483

Open
wants to merge 6 commits into
base: develop
Choose a base branch
from

Conversation

erautenberg
Copy link
Contributor

Description

The itemPosX and itemPosY properties of FocusManager/NavigationManager/Column/Row instantly updated the x and y values of the Items element. This prevents animating the Items element and making a smoother transition for something like the Title and Items in the TitleRow if the titleMarginBottom changes on focus/unfocus. The scrolling logic will update the Items container's x or y based on the scroll direction, so this just updates the opposite direction for something like the title.

References

Testing

Check out the new "Shifting Item Pos" story for the Column container and confirm that the titles are shifting as expected while the scrolling logic is also still behaving as expected.

Automation

Checklist

  • all commented code has been removed
  • any new console issues have been resolved
  • code linter and formatter has been run
  • test coverage meets repo requirements
  • PR name matches the expected semantic-commit syntax

@svc-lightning-ui-components
Copy link
Collaborator

Test Execution Passed.

@erautenberg erautenberg force-pushed the fix/NavigationManager-animate-itemPos branch from 5e39c16 to 4b4bc01 Compare March 13, 2024 14:46
@svc-lightning-ui-components
Copy link
Collaborator

Test Execution Passed.

@joshhowenstine
Copy link
Contributor

alignment-issue
This looks fantastic on the whole. I am however hitting this case around the 6th Row

@ImCoolNowRight
Copy link
Contributor

alignment-issue alignment-issue This looks fantastic on the whole. I am however hitting this case around the 6th Row

I'm able to replicate this on any row with buttons 6 through 10, and button 5 if you navigate to it from button 6. Having any of those buttons selected, leaving the row, and then coming back to it, that selected row sits on top of the title of the row below.

@svc-lightning-ui-components
Copy link
Collaborator

Test Execution Passed.

1 similar comment
@svc-lightning-ui-components
Copy link
Collaborator

Test Execution Passed.

@svc-lightning-ui-components
Copy link
Collaborator

Test Execution Passed.

@svc-lightning-ui-components
Copy link
Collaborator

Test Execution Passed.

1 similar comment
@svc-lightning-ui-components
Copy link
Collaborator

Test Execution Passed.

@ImCoolNowRight ImCoolNowRight force-pushed the fix/NavigationManager-animate-itemPos branch from e00b890 to 7ac02e8 Compare March 19, 2024 18:52
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

4 participants