vaadin / vaadin/framework

Vaadin Grid Scrollbar issue in High DPI Screen

Open
#7,929 9 comments 1 reaction 0 assignees View on GitHub

Nobody has claimed this yet.

bug Stale
Dominant language
Java
Stars
1.8k
Forks
717
Avg merge
2d 6h
Merged PRs (30d)
3

Description

Originally by SriniNathan


We use Vaadin Grid in our application. The scrollbar in the grid works just fine in normal resolution monitor. The scrollbar turns into a very thin line when viewing in high DPI 4K laptop monitor. The bar is very thin and it is almost a invisible line. Clicking on that to scroll is very difficult.

Has anyone faced this issue. It can reproduce it with vaadin sampler grid http://demo.vaadin.com/sampler/#ui/grids-and-trees/grid/rest-api

Using Chrome or Firefox as our browser
Operating system is Windows 10 home.


Imported from https://dev.vaadin.com/ issue #20475

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Reproduce the issue in the Vaadin sampler Grid REST API example at http://demo.vaadin.com/sampler/#ui/grids-and-trees/grid/rest-api using Chrome and Firefox on a high-DPI Windows 10 display. Compare the scrollbar with a normal-resolution display, then trace the Grid scrollbar styling and behavior. Done means the scrollbar remains visible and usable on high-DPI screens.

Written by the indexing model from the issue text.

Assessment

Tech stack
java
Domain
frontend
Issue type
Bug
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.