Red Hat Bugzilla – Bug 1375134
Navigation bar can not roll down when user zoom in till it cross over the screen boundary
Last modified: 2017-11-28 16:51:43 EST
Created attachment 1200110 [details] zoom-in-lost-bottom Description of problem: Login openshift, zoom in till the navigation bar is cross over the screen boundary. The last item "monitoring" can not be reached. (Please refer to screenshot.) Reproduced on browsers: Firefox48, Chrome52, EDGE25/IE11. Not reproduced on Safari. Version-Release number of selected component (if applicable): 3.3.0.30 How reproducible: Always Steps to Reproduce: 1. Login openshift 2. Zoom in till for several times till the navigation bar is cross over the screen boundary 3. Actual results: The last item "monitoring" can not be reached. Expected results: The left bar should have the rolling bar. Additional info: User may often use zoom in on small-screen laptop.
Created attachment 1200111 [details] zoom-in_lost_navigator
@rhamilto anything we can do about this?
In tinkering with it, I don't see an immediate fix that retains the scrolling behavior we've established for the inner page contents. Simply making the left sidebar scrollable vertically means the dropdown menus aren't visible (they are positioned outside the width of the sidebar). :/
This was fixed by https://github.com/openshift/origin-web-console/pull/663.
This has been merged into ocp and is in OCP v3.5.0.7 or newer.
Created attachment 1243284 [details] left navigation menu bar can not scroll
Not seen the scroll bar as PR https://github.com/openshift/origin-web-console/pull/663 on Chrome 52 and Firefox 45, also menu navigator tree is not like the screenshot in PR, please see the screenshot in the new attachment "left navigation menu bar can not scroll" Tested on openshift v3.5.0.7
The screenshot in https://github.com/openshift/origin-web-console/pull/663#issue-182559002 documents the fix included the PR. The second screenshot [1] in the PR is a hypothetical fix that is not included in the PR. Please note the bug only exists under the following conditions: | Zoom level | Viewport height | Viewport width | | ---------- | --------------- | -------------- | | 0 | <= 440px | >= 768px | | 1 | <= 484px | >= 844px | | 2 | <= 552px | >= 960px | We will likely need to unfix the left navbar to ensure this bug never happens given the left navbar is configurable. [1] https://github.com/openshift/origin-web-console/pull/663#issuecomment-253257346
Since Steve has been working on the nav changes for 3.7 that will address this bug, I'm reassigning it to him.
The updated console vertical navigation now displays a scrollbar when content is taller than the viewport. see screenshot
Created attachment 1323765 [details] Vertical nav bar
Cause: The left navigation column did not support vertical scrolling. Consequence: When browser viewport is less than 440 pixels tall and wider than 768 pixels the bottom left navigation link was not accessible. Fix: The new left navigation column markup supports vertical scrolling. Result: All left navigation links are accessible at all browser viewport sizes and zoom levels.
Created attachment 1336119 [details] left scroll bar works
Left scroll bar works on both Firefox 54 and Chrome 59 Screenshot has been attached. Verified on: OpenShift Master: v3.7.0-0.143.1 Kubernetes Master: v1.7.0+80709908fd
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/RHSA-2017:3188