Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

New message indicator disappears, report action menu persists after hover

See original GitHub issue

If you haven’t already, check out our contributing guidelines for onboarding and email contributors@expensify.com to request to join our Slack channel!

Expected Result:

New chat indicator line: should always be displayed on a new message, even after hovering over
Report action menu: the hover state should end and the menu should become hidden after moving mouse to another message

Actual Result:

New chat indicator line: when hovered over, the new chat indicator line disappears (0:02 in video)
Report action menu: hover state persists and menu remains displayed after moving mouse to another message - 2 menus can be seen (0:09 in video)

Action Performed:

Log into expensify.cash on the web or desktop app
Go to a chat with unread messages
Hover over the new message line indicator, line disappears (actual result 1)
In the same (new) chat, over over the Copy function in the report action menu
Slowly move the cursor to another message, message state in first message persists (actual result 2)

Workaround:

No need, visual issue.

Platform:

Where is this issue occurring?

Web ✔️ iOS Android Desktop App ✔️ Mobile Web

Version Number: 1.0.28-0

Notes/Photos/Videos:

https://user-images.githubusercontent.com/44479856/115787369-19e52d80-a390-11eb-9f05-71e857f33e09.mp4

Expensify/Expensify Issue URL: https://github.com/Expensify/Expensify/issues/161784

View all open jobs on Upwork

From @roryabraham https://expensify.slack.com/archives/C01GTK53T8Q/p1619042344491700

ISSUE: When hovering a chat with the NEW chat indicator, the chat indicator disappears. Furthermore, the hover state of the report action is sometimes persisted when it should not be (note in the second screenshot that there are two hovered report actions. To reproduce the first part, hover over a new chat, and the new chat indicator will disappear. To reproduce the second part, slowly move the cursor from a new chat to the one above. Fiddle with it and it’s pretty easy to reproduce the incorrect hover state.

Issue Analytics

State:
Created 2 years ago
Comments:10 (6 by maintainers)

Top GitHub Comments

1reaction

stephanieelliottcommented, Apr 30, 2021

Oop, gotcha @parasharrajat! Thanks, please also post a proposal on the Upwork job so I can hire you! Will flag this for payment after the 7 day hold period per our normal process, assuming no regressions.

1reaction

roryabrahamcommented, Apr 29, 2021

Okay, thanks @parasharrajat, feel free to submit a PR

Top Results From Across the Web

menu disappear when hover the list item - css - Stack Overflow

This is happening since the scope of hover effect is only limited to the hamburger icon and as soon as the hover ......

About the enhanced conversions for web tag diagnostics report

From the top right corner of the navigation menu, click the tools icon Tools and setting menu icon [Gear] . Under “Measurement”, click...

Timing Guidelines for Exposing Hidden Content

Events triggered via hover or click require distinct timing to ensure that the user feels in control of the interface.

Understanding SC 1.4.13:Content on Hover or Focus (Level AA)

The success criterion allows for input error messages to persist as there are cases that require attention, explicit confirmation or remedial action. Hoverable....

The Alma User Interface - Ex Libris Knowledge Center

Hover your mouse pointer over the desired option, then click on the gray star to the left of the option; when the star...