Page MenuHomePhabricator

Newcomer tasks: Improve the hover and click interaction on the task explanation widget (desktop only)
Open, Needs TriagePublic

Description

Per @MMiller_WMF's comment on T238165, this new task captures some lingering interaction issues for the task explanation widget on desktop.

Update the hover interaction and animation on the task explanation widget to behave like page previews action.
1. The widget should close when the user hovers-out of either the widget area, or the icon

  1. There should be the same css animation to fade-in-up/fade-in-down and fade-out-down/fade-out-up the widget

Actual:

The hover-out action for the task explanation widget works differently from page previews hover action. The widget will close

  • if a mouse pointer will pass over the widget area and then out (the animated gif showing it)

hover_out2.gif (568×415 px, 50 KB)

  • or a user clicks outside the widget area

In a sense, such behavior is allows a user to read the task explanation text, but it might feel a little bit annoying to be forced to do a specific action to close the widget.