Problem/Motivation

On the user tests we saw the interaction to open and use the flyouts (when the sidebar is collapsed) needs to be refined: the flyout didn’t always stay open for the mouse trail.

Steps to reproduce

Proposed resolution

CommentFileSizeAuthor
flyout.gif443.05 KBckrina

Issue fork navigation-3383127

Command icon Show commands

Start within a Git clone of the project using the version control instructions.

Or, if you do not have SSH keys set up on git.drupalcode.org:

About issue forks

Comments

ckrina created an issue. See original summary.

claireristow’s picture

claireristow commented
Assigned: Unassigned » claireristow

Working on this now

claireristow opened merge request !58

claireristow’s picture

claireristow commented
Status: Active » Needs review

Hey @ckrina, do you mind doing a quick review to confirm that my fix is sufficient?

claireristow’s picture

claireristow commented

From conversation with @ckrina:

Add a delay on the close of the flyout so that if there's a quick out/in on the hover of the flyout, it doesn't close. This will be especially useful in the cases where the flyout is quite tall and the user is more likely to navigate out of the parent icon and into the flyout on a more indirect/diagonal path. It is currently still closing accidentally.

claireristow’s picture

claireristow commented
Status: Needs review » Needs work
claireristow’s picture

claireristow commented
Assigned: claireristow » Unassigned
Status: Needs work » Needs review

Hey @ckrina, I added a delay on the flyout close. Do you mind testing it again and letting me know what you think?

ckrina’s picture

ckrina
she/her
Primary language Catalan
Location Barcelona
commented
Status: Needs review » Fixed

I think it's great and any refinement we find we need can be done later, thanks @claireristow! Merging this now so I can work on the mobile changes :)

Status: Fixed » Closed (fixed)

Automatically closed - issue fixed for 2 weeks with no activity.