Bug 1776486

Summary: Navigating from the Dashboard results in two navigation items highlighted
Product: OpenShift Container Platform Reporter: Robb Hamilton <rhamilto>
Component: Management ConsoleAssignee: Robb Hamilton <rhamilto>
Status: CLOSED ERRATA QA Contact: Yadan Pei <yapei>
Severity: low Docs Contact:
Priority: unspecified    
Version: 4.3.0CC: aos-bugs, cbritt, jokerman, spadgett, yapei
Target Milestone: ---   
Target Release: 4.3.0   
Hardware: Unspecified   
OS: Mac OS   
Whiteboard:
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.
Story Points: ---
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 Type: ---
Regression: --- Mount Type: ---
Documentation: --- CRM:
Verified Versions: Category: ---
oVirt Team: --- RHEL 7.3 requirements from Atomic Host:
Cloudforms Team: --- Target Upstream Version:
Embargoed:
Bug Depends On: 1774702    
Bug Blocks:    
Attachments:
Description Flags
DashboardsMenuDottedLine none

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