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

fixed tooltip shows up on Mobile Web while navigating the reports #2044

Merged
merged 2 commits into from
Mar 24, 2021

Conversation

parasharrajat
Copy link
Member

@parasharrajat parasharrajat commented Mar 24, 2021

Please review @roryabraham

Details

Blocked the hover events on the Hoverable component on touch events.

Fixed Issues

Fixes #1490
#1632 (comment)

Tests

Open the App on any Mobile web platform and click on the names on the report title on the Home page. It should open the report and no tooltip should be shown.

Tested On

  • Mobile Web

Screenshots

N/A

1616610966592.mp4

@parasharrajat parasharrajat requested a review from a team as a code owner March 24, 2021 18:27
@parasharrajat parasharrajat changed the title fixed tooltip shows up on Mobile Web while navgating the reports fixed tooltip shows up on Mobile Web while navigating the reports Mar 24, 2021
@botify botify requested review from francoisl and removed request for a team March 24, 2021 18:27
Copy link
Contributor

@roryabraham roryabraham left a comment

Choose a reason for hiding this comment

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

Overall looks good @parasharrajat, just some small requests on the comments and variable naming.

src/components/Hoverable/index.js Outdated Show resolved Hide resolved
src/components/Hoverable/index.js Outdated Show resolved Hide resolved
this.setState({isHovered}, isHovered ? this.props.onHoverIn : this.props.onHoverOut);
}

// we reset the Hover block in case touchmove was not first after touctstart
Copy link
Contributor

Choose a reason for hiding this comment

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

Can you help me understand the race condition that can occur here?

Copy link
Member Author

Choose a reason for hiding this comment

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

I think it is possible that the touchmove never fires.

Copy link
Contributor

@roryabraham roryabraham left a comment

Choose a reason for hiding this comment

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

Okay, seems to work well. Thanks

@roryabraham roryabraham merged commit 2a4b82b into Expensify:master Mar 24, 2021
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.

Expensify chat - web/desktop, when hovering over a user's name anywhere, show their primary login details
2 participants