search

viritin / flow-viritin

Viritin inspired project for Vaadin Flow
Other
43 stars 16 forks source link

Navigation bar in the middle of the screen #66

Open mkopyczok opened 3 months ago

mkopyczok commented 3 months ago

Hi Viritin team,

I am using pagination grid with 20 elements and the content of the gird doesn't fit the default page size so I have a scrollbar available. When I start to scroll down, for a very short moment the (bottom) pagination bar doesn't move and it stays in the middle of the screen, when I scroll to the bottom it's going back to the right position. Here it the screenshot: Screenshot from 2024-06-26 15-43-31 I also noticed that initially I have 2 scrollbars visible, but later grid scroll disappears: Screenshot from 2024-06-26 15-46-33 I am not sure if I am using some wrong page settings or it's a bug?

mstahv commented 3 months ago

Hi!

Some odd layout bug. The PagingGrid uses header/footer row to place the pagination bar, technically the bug is most likely there. Could you provide a test case how to reproduce the isssue? It might also help to know which browser/OS you are using (sometimes these are platform specific). I can then either fix it in Viritin or create an issue to flow-components repository.

mkopyczok commented 3 months ago

Hi,

Thank you for your reply. Please find a demo app in the attachment. You can just run the app and slowly scroll the screen. skeleton-starter-flow-spring-24.zip

You should see similar result: Screenshot from 2024-07-01 17-05-39

I am using ubuntu and the problem I can see in Chrome and Firefox.

mkopyczok commented 2 months ago

Hi Matti,

Did you have time to check this issue?

Thanks, Michał

mstahv commented 2 months ago

Hi, I spent enough time to reproduce the issue and indeed looked like it is Vaadin Grid issue. Didn't reduce the case enough yet or figure out a workaround. I'm on a vacay and busy with some pro bono work with a big sport competition, so can't promise to look into this very soon.