Mobile Web: Library sort pull down - selected row is wrong

[visproduction 316]

Disregard.  This was due to my code.  The answer is further down.
Read only for amusment.

===
Does anyone else see this bug?  I can't test with a default install easily.

1. Mobile - Web browser - Library - Sort order
2. The checkmark is on the wrong row.  
3. This screenshot, Size is checked but Title sort is working.
4. There is also a gap in the list at the top of the pull down menu.

Is this code just incorrectly listing the sort titles?  Did someone miss picking 0 as the first item in the Array?

I don't think I have any custom.css that can create this issue, just some color style tweaks on this section.  It's seems like it must be a dbase pull backend bug.

Edited November 8, 2022 by visproduction

[speechles 2055]

 

Mobile Web App with Chrome on Android 11. Works fine for me using 4.8.0.16 beta. You sure it isn't your CSS?

I take issue with that razor thin scroll bar you can barely see on the right edge. Do you even notice that thing?

Edited November 8, 2022 by speechles

[visproduction 316]

Android is different code.  This is code used by Chrome, Safari, browsers, not the mobile app. 
I found the code errors:

 

Edited November 8, 2022 by visproduction

[speechles 2055]

Oh in that case, let me fire up the web app on firefox on the PC.

Something is definitely goofy because Date Add turns into Date Added

Why is it shortened to "Date Add"?

Might need the Mystery Machine and some scooby snacks to find out.

Edited November 8, 2022 by speechles

[visproduction 316]

Whoops.  It's my code. 

CSS custom style can make this happen.  Ha!
Sorry.  here is the bad code that did it.  The top:63% did it.  It just moved the whole list down.

@media not all and (min-width: 26em)
.listItemBody {
    position: absolute;
    overflow: none !important;
    top: 63%;
}

Bad bad code!  No soup for you...

Edited November 8, 2022 by visproduction