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: interaction during screen transitions [WPB-6533] #3178

Merged
merged 4 commits into from
Jul 12, 2024

Conversation

saleniuk
Copy link
Contributor

@saleniuk saleniuk commented Jul 9, 2024

BugWPB-6533 [Android] During transition between 2 screens both screens are clickable


PR Submission Checklist for internal contributors

  • The PR Title

    • conforms to the style of semantic commits messages¹ supported in Wire's Github Workflow²
    • contains a reference JIRA issue number like SQPIT-764
    • answers the question: If merged, this PR will: ... ³
  • The PR Description

    • is free of optional paragraphs and you have filled the relevant parts to the best of your ability

What's new in this PR?

Issues

The user can click on a screen during the transition, for instance when the screen is being closed, it's still clickable so if user clicks during closing, it can still open something from the previous screen and end up on a different screen than user wanted.

Causes (Optional)

The screen during transition is still clickable and can interact until it's fully hidden.

Solutions

Create a wrapper WaitUntilTransitionEndsWrapper for the destination composables so that it covers the entire screen and intercepts any click. This cover is added to the screen only when the transition is ongoing, at the moment the transition ends, this cover is removed from the screen so that it's fully clickable.
Created new annotation @WireDestination which replaces @Destination and contains this wrapper by default.

Testing

How to Test

Navigate in the app and try to quickly click on the screen that's being open or closed.

Attachments (Optional)

Transition animations were slowed down to 2s in videos below.

Before After
before.mp4
after.mp4

PR Post Submission Checklist for internal contributors (Optional)

  • Wire's Github Workflow has automatically linked the PR to a JIRA issue

PR Post Merge Checklist for internal contributors

  • If any soft of configuration variable was introduced by this PR, it has been added to the relevant documents and the CI jobs have been updated.

References
  1. https://sparkbox.com/foundry/semantic_commit_messages
  2. https://github.com/wireapp/.github#usage
  3. E.g. feat(conversation-list): Sort conversations by most emojis in the title #SQPIT-764.

Copy link
Contributor

github-actions bot commented Jul 9, 2024

Test Results

857 tests   857 ✅  13m 34s ⏱️
117 suites    0 💤
117 files      0 ❌

Results for commit 02d742a.

♻️ This comment has been updated with latest results.

Copy link
Contributor

github-actions bot commented Jul 9, 2024

APKs built during tests are available here. Scroll down to Artifacts!

@saleniuk saleniuk marked this pull request as draft July 10, 2024 06:13
@saleniuk saleniuk marked this pull request as ready for review July 10, 2024 11:59
@saleniuk saleniuk requested review from a team, typfel, yamilmedina, alexandreferris, borichellow and vitorhugods and removed request for a team July 10, 2024 12:18
Copy link
Contributor

APKs built during tests are available here. Scroll down to Artifacts!

Copy link

sonarcloud bot commented Jul 10, 2024

Copy link
Contributor

APKs built during tests are available here. Scroll down to Artifacts!

Copy link
Contributor

@alexandreferris alexandreferris left a comment

Choose a reason for hiding this comment

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

❤️

Just making sure: this only applies to screen transitions right? not for components in transition (like compose input additional options), right?

Copy link
Contributor

@Garzas Garzas left a comment

Choose a reason for hiding this comment

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

Cool solution 😎

@saleniuk
Copy link
Contributor Author

❤️

Just making sure: this only applies to screen transitions right? not for components in transition (like compose input additional options), right?

Yes, it only applies to screen transitions (composables that are marked with @Destination)

@saleniuk saleniuk merged commit 0572370 into release/cycle-4.6 Jul 12, 2024
12 of 13 checks passed
@saleniuk saleniuk deleted the fix/clicks-during-screen-transition branch July 12, 2024 09:52
@echoes-hq echoes-hq bot added the echoes: bugs Technical or functional defects in the product label Jul 16, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
echoes: bugs Technical or functional defects in the product size/M
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants