browser bug

[nightknight 35]

emby beta 4.8.0.21 ,emby-scroller aka the scroll bar on the right hand side of the browser windows is non interactable if series is sorted by title. the alphaPicker aka alaphabet on the right side of the screen lays over the scroll bar if the window is not full screen

iemby is not streteched to the whole screen the scroll bar dont work. I dont know if this is a bug or somthing with my resolution but i thought id share this.

Edited March 2, 2023 by nightknight

[Happy2Play 9782]

Can you go over a specific example and specific browser as I do not see an issue.

Are you talking about the overlap issue here.   As it is not about Full screen but specific scaling per my images above.

Edited March 2, 2023 by Happy2Play

[nightknight 35]

sorry about that. i am using google chrome and yes the scroll bar ends up under the letters. once its moved over the letters you cant drag it any more

[Happy2Play 9782]

Yep it is the transition per min-width cause the overlap.

 

@Luke

Edited March 2, 2023 by Happy2Play

[Luke 42080]

So the browser width has to be pretty small for this to happen, right?

[Happy2Play 9782]

1 minute ago, Luke said:

So the browser width has to be pretty small for this to happen, right?

Correct in my tests.  Sort of an edge case with a small window.  But guess you don't really need min-width unless there is a reason.

[visproduction 315]

This works for my setup with web Windows on all browsers.
 

.alphaPickerButton-vertical, .alphaPicker-fixed-right {
	font-size: 17px !important;
	left: 5px;
}

.button-link {
	color: #fdfffd !important;
	padding: 3px 4px 3px !important;
}

Hope that helps.

[Happy2Play 9782]

Or something like this as 1.8em will is to close to images.

@media all and (min-width: 25em) {
    @media (pointer:fine) {
        div.alphaPicker-fixed-right {
            inset-inline-end: 1em
        }
    }
}

or

div.alphaPicker-fixed-right {
    inset-inline-end: 1em
}

But believe original code need to be something besides inset-inline-end: 0;.

.alphaPicker-fixed-right {
    right: 0;
    inset-inline-start: initial;
    inset-inline-end: 0;
}

 

[Luke 42080]

It should be resolved for the next release. Thanks.