question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

QTable & VirtualScroll: Add a new argument that `scrollTo` still working even if the item is already visible

See original GitHub issue

Is your feature request related to a problem? Please describe. I asked this question in #7517 in the past and thank you for providing the edge option. However, I desperately need the feature that scrollTo can still scroll past even when the item is already visible.

Many functions need this in our application, for example:

  1. Search the next item (highlight and scrollTo)
  2. Move to the specified number of rows (like number G in VIM)

If there is no movement at this time, the user experience will be bad 😦

Describe the solution you’d like Provide a new option (e.g., force) let scrollTo function always scroll.

Describe alternatives you’ve considered My current practice is to jump away first, then jump back, for example: Currently, I am at the top of the table and want to scroll to the third row (visible). I’ll scroll to any invisible row (e.g., 20), and then immediately scroll back to row 3.

Obviously, this is a bad solution 😦

Additional context It will be better if you can provide a function to return the number of visible items on the table/list.

Issue Analytics

  • State:closed
  • Created 3 years ago
  • Comments:5 (3 by maintainers)

github_iconTop GitHub Comments

1reaction
rstoenescucommented, Aug 6, 2020

Enhancement will be available in Quasar v1.13.0

1reaction
pdanpdancommented, Aug 6, 2020

ah, visible - sorry, you’re on your own there, and by that I mean use an intersection observer on the items - it would be too much overhead

Read more comments on GitHub >

github_iconTop Results From Across the Web

How to programmatically scroll to item with angular's material ...
For this I use Angular Material Virtual Scroll. When an item is selected, the selected item is highlighted and then is saved on...
Read more >
@daalex90/ngx-virtual-scroller - npm
This module displays a small subset of records just enough to fill the viewport and uses the same DOM elements as the user...
Read more >
Scrolling | Angular Material
Virtual scrolling is different from strategies like infinite scroll where it renders a set amount of elements and then when you hit the...
Read more >
Build your own virtual scroll - Part II
Now to figure out the number of visible nodes, we simply add nodes until we reach a node position that's greater than scrollTop...
Read more >
ASP.NET Core Razor component virtualization - Microsoft Learn
Items. Only the currently visible flights are rendered by the Virtualize ... Plain HTML and Razor code, as the preceding example shows.
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found