Bug 1776486 - Navigating from the Dashboard results in two navigation items highlighted
Summary: Navigating from the Dashboard results in two navigation items highlighted
Keywords:
Status: CLOSED ERRATA
Alias: None
Product: OpenShift Container Platform
Classification: Red Hat
Component: Management Console
Version: 4.3.0
Hardware: Unspecified
OS: Mac OS
unspecified
low
Target Milestone: ---
: 4.3.0
Assignee: Robb Hamilton
QA Contact: Yadan Pei
URL:
Whiteboard:
Depends On: 1774702
Blocks:
TreeView+ depends on / blocked
 
Reported: 2019-11-25 19:20 UTC by Robb Hamilton
Modified: 2020-04-17 19:33 UTC (History)
5 users (show)

Fixed In Version:
Doc Type: Bug Fix
Doc Text:
Cause: When a user navigates using a link outside the nav, the last selected nav item maintains focus and therefore maintains its highlight. Consequence: Two items in the nav are highlighted, but only one should be. Fix: Added CSS rules to eliminate the highlighted styles for focused nav items. Result: Only the active nav item is highlighted.
Clone Of: 1774702
Environment:
Version: 4.3.0-0.ci-2019-11-20-134433 Cluster ID: c1ba6d4b-e6cd-460b-903a-afef98aec924 Browser: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_14_6) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/78.0.3904.97 Safari/537.36
Last Closed: 2020-01-23 11:14:14 UTC
Target Upstream Version:
Embargoed:


Attachments (Terms of Use)
DashboardsMenuDottedLine (517.87 KB, image/png)
2019-11-27 06:09 UTC, Yadan Pei
no flags Details


Links
System ID Private Priority Status Summary Last Updated
Github openshift console pull 3570 0 'None' closed [release-4.3] Bug 1776486: Fix bug where multiple nav items are highlighted 2020-04-17 19:33:30 UTC
Red Hat Product Errata RHBA-2020:0062 0 None None None 2020-01-23 11:14:31 UTC

Description Robb Hamilton 2019-11-25 19:20:47 UTC
+++ This bug was initially created as a clone of Bug #1774702 +++

Description of problem:
Following a link from the Dashboard results in two navigation items being highlighted: Dashboard and the destination nav item

Version-Release number of selected component (if applicable):
4.3.0-0.ci-2019-11-20-134433

How reproducible:
Very

Steps to Reproduce:
1. Follow a link on the dashboard, to pods, for example
2.
3.

Actual results:
Both the Dashboard and destination navigation items are highlighted

Expected results:
Only the destination navigation items is highlighted

Additional info:

--- Additional comment from Robb Hamilton on 2019-11-21 14:07:15 UTC ---

I an unable to reliably reproduce this bug in Chrome 78, Firefox 70.0.1, or Safari 13.0.3 on MacOS 10.15.1.  Any pointers, Cameron?

--- Additional comment from Robb Hamilton on 2019-11-21 14:24:35 UTC ---

This seems to be specific to Chrome, and does not reproduce consistently.  Therefore, I am reducing the severity.

--- Additional comment from Robb Hamilton on 2019-11-22 16:06:28 UTC ---

Note `Dashboards` needs to be the last item clicked prior to clicking `Pods` in order to reproduce the bug.

Comment 2 Yadan Pei 2019-11-27 06:09:12 UTC
Click Home -> Dashboards, then click the link on N Pods in Cluster Inventory

Chrome 78, Safari 13.0.3 on macOS High Sierra 10.13.6 works well.
On FF 70, although Dashboards menu is not highlighted with grey color, but there's a rectangular dotted line, see attached

$ ./tools/find_image.rb --query "1776486"
Pattern '1776486' found in payload: https://openshift-release.svc.ci.openshift.org//releasestream/4.3.0-0.nightly/release/4.3.0-0.nightly-2019-11-26-171052
Pattern '1776486' found in payload: https://openshift-release.svc.ci.openshift.org//releasestream/4.3.0-0.nightly/release/4.3.0-0.nightly-2019-11-26-114052
Pattern '1776486' found in payload: https://openshift-release.svc.ci.openshift.org//releasestream/4.3.0-0.nightly/release/4.3.0-0.nightly-2019-11-26-034010

These steps are checked on 4.3.0-0.nightly-2019-11-26-171052

Comment 3 Yadan Pei 2019-11-27 06:09:45 UTC
Created attachment 1640016 [details]
DashboardsMenuDottedLine

Comment 4 Robb Hamilton 2019-11-27 13:57:26 UTC
(In reply to Yadan Pei from comment #2)
> Click Home -> Dashboards, then click the link on N Pods in Cluster Inventory
> 
> Chrome 78, Safari 13.0.3 on macOS High Sierra 10.13.6 works well.
> On FF 70, although Dashboards menu is not highlighted with grey color, but
> there's a rectangular dotted line, see attached

That is the focus indicator showing the last item that was clicked and currently has focus..  For accessibility reasons, we don't want to remove that.

Comment 5 Yadan Pei 2019-11-29 09:41:38 UTC
it looks a little strange user has already left Dashboards but with focus indicator. Since it's intended I will move it to VERIFIED

Thanks Robb.

Comment 7 errata-xmlrpc 2020-01-23 11:14:14 UTC
Since the problem described in this bug report should be
resolved in a recent advisory, it has been closed with a
resolution of ERRATA.

For information on the advisory, and where to find the updated
files, follow the link below.

If the solution does not work for you, open a new bug report.

https://access.redhat.com/errata/RHBA-2020:0062


Note You need to log in before you can comment on or make changes to this bug.