touch sceen problem with list

[mouxiaohao 1]

The list displayed at any time is single line and must be swiped using a touch screen, such as a media library list on the main screen, a single season episode list, or many seasons of TV programs.

Placing the mouse at the end of a single line list will not result in a hovering page turning arrow, and the list cannot be dragged with the mouse.

Can you add a touch screen theme list switch, or add a hovering arrow to a single line list for easy mouse operation, as sometimes touch screen devices also require an external display.

[Luke 42077]

Hi, what exactly are you referring to? Can you please show a screenshot example? Thanks.

[mouxiaohao 1]

I'm sorry for replying so late.This video clip captures my problem.When I used a computer with a touch screen, most of the lists were touch-only, and the mouse couldn't turn the pages.

[Luke 42077]

OK we'll take a look at this. Thanks for reporting.

[Detroit 1]

On 12/17/2023 at 10:23 PM, Luke said:

OK we'll take a look at this. Thanks for reporting.

Any update on this?  I have this problem all the time... my computer has a touch screen but my external monitors do not so I have to drag the browser over to the touch screen so just I can scroll.

[Luke 42077]

On 11/13/2024 at 11:05 AM, Detroit said:

Any update on this?  I have this problem all the time... my computer has a touch screen but my external monitors do not so I have to drag the browser over to the touch screen so just I can scroll.

@Detroit

OK I see the issue with this. We should be able to get a fix out. Thanks.

[Detroit 1]

@LukeAny luck on this?  It seemed not long after your reply I had horizontal scroll nav arrows show up on hover and thought "wow that was a fast fix" but then they disappeared.  I'm back to dragging my browser the 1 of my 3 screens that support touch just so I can do horizontal scrolling.  Is there an option I should be enabling or custom CSS I should be injecting?

[Luke 42077]

Hi, if you open that browser to here: https://hover-pointer-media-query.glitch.me/

What does the your device section look like?

[Detroit 1]

@Luke

[Luke 42077]

@Detroitwhat device and browser is this on? 

[Detroit 1]

Surface Pro 8 and Microsoft Edge

[Luke 42077]

3 hours ago, Detroit said:

Surface Pro 8 and Microsoft Edge

How does Chrome compare? Is the surface set to tablet mode?

[Detroit 1]

47 minutes ago, Luke said:

How does Chrome compare? Is the surface set to tablet mode?

Chrome looks identical as shown here.  From what I can tell there is no explicit tablet mode in Windows 11 like there used to be in Windows 10.  That said, the keyboard is detached as I'm docked and using a standalone keyboard, mouse, and two external monitors (which do not have touch support) which is what's presenting the issue with not being able to swipe in the emby web interface when on one of those monitors.

[Luke 42077]

I wonder if Chrome and therefore Edge has a flag that you can set to override this.

[Detroit 1]

15 minutes ago, Luke said:

I wonder if Chrome and therefore Edge has a flag that you can set to override this.

The only settings for touch mode seem to just impact the size of browser elements like buttons and tabs so they're easier to touch.  The setting had no impact on horizontal scroll inside Emby.

[Luke 42077]

What I mean is that we need to get it so that page shows green for the pointer: fine section. That's what tells the web app UI that a mouse is your primary input method.

[Detroit 1]

ChatGPT says I can disable touch on the device which isn't an option since every time I undock I'd have to go back and turn it back on.  ChatGPT also pointed to a chrome flag that doesn't exist.   The only other solution it gave is to override CSS.  That seems like maybe an option but I'm not sure I know enough about the css classes to get it right.  I poked around dev tools and at one point found .hiddenScrollX with width set to none which I changed to thin !important; which was ugly but at least I could horizontal scroll.  If I put that in the custom css and then use my local ip address instead of app.emby.media I have horizontal scrolling.  I'd prefer the default hover horizontal scroll buttons but not sure on the CSS for that.  Of course, that's not an option when I'm off net since app.emby.media won't have that custom CSS.