Membership Add Role cannot see dropdown contents

[karlnicholas]

When attempting to add a another role in openshift online membership screen you cannot see the description of the roles.

[spadgett]

Should be fixed by #2402 since these system roles will be hidden.

[spadgett]

@karlnicholas Can I ask which Online cluster you saw this on?

[karlnicholas]

I was on pro-us-east-1 with "show hidden roles" enabled.

[spadgett]

Ah OK, thanks. These roles might not have descriptions since they're system roles, although it's clearly a problem that you can't see the full name and they all have the same prefix.

/cc @rhamilto @sg00dwin

[benjaminapetersen]

Descriptions do wrap:

And tablet/mobile view has a better view of the long names, though still not perfect:

[spadgett]

If we could find a way to make the dropdown wider at desktop, I think it would help generally. The description wrap, but they are long enough that you only see a few items at a time. And of course in this case the names are cut off at desktop.

[benjaminapetersen]

Yeah I'm tinkering with that a little bit. Not sure if we should make it wider, or wrap them (kinda ugly). I'm guessing the max char length possible is quite high...

[spadgett]

We could also add a title attribute to the elements so at least you can hover and see.

Related to #1219

[spadgett]

@openshift/team-ux-review

[benjaminapetersen]

I'm inclined that way as well. Is a bit annoying, but there would certainly be a way to see the entire name no matter the length then.

[spadgett]

It'd be a stop gap fix until we can do something better. It's not a great user experience if you need to hover over every item, but at least you can see.

[ncameronbritt]

Something similar to what @beanh66 proposed for adding labels could be a possibility. Rather than having the selector as part of the table, an "add role" action could bring up a modal. That might more easily accommodate longer names and make the descriptions easier to read.

[rhamilto]

Any objections to eliminating the three column layout at desktop resolutions to resolve the bug as an interim solution?

Note: this is a rough mock

[sg00dwin]

+1 works for me

[benjaminapetersen]

not a prob imo.