Highlight on dropdown is justified to top of text - awkward

  • 0
  • 1
  • Question
  • Updated 1 year ago
  • In Progress
On Text - Multiple Choice fields, the highlight color for the currently selected record is justified to the top of the text, with a large space below it.  It is awkward to read - the highlighted text is white, and there is NO clear top of each letter because it blurs into the unhighlighted row above it.  Also not a fan of the very bright blue background with white text - though I honestly can't remember, even after just three days, what it was before the new UI. Maybe it was also that way, just not as jarring because of the font??
Photo of Beth

Beth

  • 1,086 Points 1k badge 2x thumb

Posted 1 year ago

  • 0
  • 1
Photo of Evan Martinez

Evan Martinez, Community Manager

  • 12,028 Points 10k badge 2x thumb
Hi Beth,

We tried reproducing that in our office using Chrome, IE, and Firefox. What browser are you seeing this issue in? Is it only in your Text - Multiple Choice fields or is it in any field with a dropdown?
Photo of Ⲇanom the ultimate (Dan Diebolt)

Ⲇanom the ultimate (Dan Diebolt), Champion

  • 30,204 Points 20k badge 2x thumb
It shows up in Chrome in multiple places. It is hard for users to compare to how it operated before the release because that version is no longer available to us.

Here is an example where the selection highlight does not have enough padding on the top:

Photo of Beth

Beth

  • 1,086 Points 1k badge 2x thumb
Hi Evan - thank all of you for your cheerfulness and patience! I know it's been a challenging couple days. And I'll say here again that I absolutely love 99.99% of the new UI. 
The initial screenshot was in Chrome, browser maximized, 21" monitor, QB set on the regular view.
And here are more screenshots with notes.
Also note additional issue (font change on load) at bottom of all this other stuff)

Highlight of any field - Chrome (note same issue with top of highlight even with top of font)



Dropdown Firefox  (it is absolutely beautiful - but the rest of QB is ugly in FF)



Any field - FireFox


Dropdown - Edge - same in IE


Any field - Edge and IE


Top of field cut off on display - Edge and IE
*THIS IS INTERESTING* - it is cut off when you are at the top of the page, but if you scroll down even just a bit it becomes ok - but if you scroll back up to the top, it cuts off again.
top of page:

Scroll or arrow down just once:

Times New Roman(ish) flicker on load - Edge
On load, the screen flickers - long enough for me to get a screenshot! - and loads some fields in an old font before loading in the new font.

Photo of Evan Martinez

Evan Martinez, Community Manager

  • 12,028 Points 10k badge 2x thumb
Thank you for the details and the screenshots Beth I'm going to pass this information on to our Escalation team and see what feedback they have on this. In regards to Edge currently it isn't a support browser for us so there is some expectation for visual issues or problems there as we aren't currently specifically designing with Edge in mind. For those others browsers though I am definitely going to pass them along to have them looked at. The details and screenshots to break it down are a great help. 
Photo of Beth

Beth

  • 1,086 Points 1k badge 2x thumb
Any time you're hiring for debugging and user testing and documenting what I see, well, I could work remotely for sure...
In reality, that is a (large?) part of what I do for my real job - test our software and point out all these nitpicky things.