Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Bug] Can't navigate any emby-scroller on touchscreen laptop with mouse. @media (pointer: fine) not reliable #3840

Open
frostbitten opened this issue Jun 13, 2024 · 0 comments

Comments

@frostbitten
Copy link

Any common 10-finger touch windows laptop should allow you to test this.

The arrows to navigate the emby scrollers are only shown on devices that report pointer: fine. However, @media (pointer: fine) is not applicable when a touch input is available. So when using a mouse it can hardly be navigated (the clunky and cumbersome middle click works as a manual workaround).

This isn't a browser bug but expected behavior according to the spec:

If multiple pointing devices are present, the pointer media feature must reflect the characteristics of the “primary” pointing device, as determined by the user agent. (To query the capabilities of any available pointing devices, see the any-pointer media feature.)
https://drafts.csswg.org/mediaqueries/#pointer

Potential solution could be to use some javascript to check for a real mousemove and add a css class like .pointer-available to the body.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant