Bug 2017141 - Project dropdown has a dynamic inline width added which can cause min-width issue
Summary: Project dropdown has a dynamic inline width added which can cause min-width i...
Keywords:
Status: CLOSED ERRATA
Alias: None
Product: OpenShift Container Platform
Classification: Red Hat
Component: Management Console
Version: 4.10
Hardware: Unspecified
OS: Unspecified
unspecified
low
Target Milestone: ---
: 4.10.0
Assignee: Steve Goodwin
QA Contact: Siva Reddy
URL:
Whiteboard:
Depends On:
Blocks:
TreeView+ depends on / blocked
 
Reported: 2021-10-25 18:28 UTC by Steve Goodwin
Modified: 2022-03-10 16:22 UTC (History)
2 users (show)

Fixed In Version:
Doc Type: If docs needed, set a value
Doc Text:
Clone Of:
Environment:
Last Closed: 2022-03-10 16:21:40 UTC
Target Upstream Version:
Embargoed:


Attachments (Terms of Use)
Narrow dropdown menu caused by inline width (595.41 KB, image/png)
2021-10-25 18:30 UTC, Steve Goodwin
no flags Details
NameSpace drop down Not thin (274.62 KB, image/png)
2021-10-29 04:01 UTC, Siva Reddy
no flags Details


Links
System ID Private Priority Status Summary Last Updated
Github openshift console pull 10318 0 None open Bug 2017141: Remove inline style width from Namespace dropdown menu so it doesn't effect width of menu 2021-10-25 19:28:23 UTC
Red Hat Product Errata RHSA-2022:0056 0 None None None 2022-03-10 16:22:01 UTC

Description Steve Goodwin 2021-10-25 18:28:05 UTC
Namespace dropdown has an inline width that shouldn't be applied. This is because NamespaceMenuToggle uses <Popper> component. When https://github.com/openshift/console/pull/10221 is merged it has an update that will cause the inline width to have precedence and cause the dropdown menu to be very thin when a short project name is selected. See screenshot.

Comment 1 Steve Goodwin 2021-10-25 18:30:22 UTC
Created attachment 1836964 [details]
Narrow dropdown menu caused by inline width

Comment 4 Siva Reddy 2021-10-29 04:01:38 UTC
Created attachment 1838185 [details]
NameSpace drop down Not thin


ClusterVersion:
 4.10.0-0.nightly-2021-10-28-150422

steps to verify:
 1. login to console
 2. go to any page with namespace drop down
      for example: https://console-openshift-console.apps.sch-1028-4101.qe.azure.devcluster.openshift.com/k8s/all-namespaces/pods
 3. open dev tools and squish the namespace drop down.
 4. Now the dropdown name space is not thin
       see attached screen shot

Comment 8 errata-xmlrpc 2022-03-10 16:21:40 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 (Moderate: OpenShift Container Platform 4.10.3 security update), 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-2022:0056


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