vaadin / vaadin/framework

Grid missing scroll bar on firefox with large data sets

Open
#11,511 1 comment 1 reaction 0 assignees View on GitHub

Nobody has claimed this yet.

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

Description

When using Grid with large datasets (500,000 entries) the scroll bar is not visible on firefox. If the dataset is smaller (50,000 entries) or using chrome everything is fine. Tested with vaadin 8.7.1

Example:

public class GridTest extends UI
{
   public class Bean
   {
      private final int id;

      public Bean(int id)
      {
         super();
         this.id = id;
      }

      public int getId()
      {
         return id;
      }
   }

   @Override
   protected void init(VaadinRequest request)
   {
      Grid<Bean> grid = new Grid<>(Bean.class);
      grid.setDataProvider(new AbstractBackEndDataProvider<Bean, String>()
      {
         @Override
         protected Stream<Bean> fetchFromBackEnd(Query<Bean, String> query)
         {
            List<Bean> beans = new ArrayList<>();
            for (int i = query.getOffset(); i < query.getOffset()
                  + query.getLimit(); i++)
            {
               beans.add(new Bean(i));
            }
            return beans.stream();
         }

         @Override
         protected int sizeInBackEnd(Query<Bean, String> query)
         {
            return 520000;
         }
      });
      setContent(grid);
   }
}


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

Start by running the provided GridTest example with Vaadin 8.7.1 in Firefox and Chrome, comparing 50,000 and 500,000 entries. Trace the Grid scrolling behavior for the large Firefox case; done means the scrollbar is visible and usable while the existing smaller-dataset and Chrome behavior remains intact.

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.