Infinite scroll pagination

[obsidienne]

Is your feature request related to a problem? Please describe.
To adapt the pagination to my use case, I need to create a custom component adding an infinite scroll behavior (something with Intersection Observer API probably)

Describe the solution you'd like
Create a custom component like cursor_pagination but based on intersection observer.

Describe alternatives you've considered
Do it myself

Additional context
Are you interested by a PR or have you already find a solution with the actual capacity ?

[woylie]

I didn't implement this yet, but a PR is welcome! Should be based on LiveView streams now.

[obsidienne]

Hi, yes LiveView streams and the new phx-viewport-top & phx-viewport-bottom

https://youtu.be/FADQAnq0RpA?t=2373 and https://github.com/phoenixframework/phoenix_live_view/pull/2624/files

May be wait for it to ship?

[woylie]

Yes, maybe better.

[Thr3x]

Any update on this? It would be really nice

[woylie]

LiveView has phx-viewport-top and phx-viewport-bottom attributes now. There's an example for infinite scroll in the documentation. All you need to do on the Flop side is to set the pagination type to :first or :last and call Flop.to_next_cursor/1 or Flop.to_previous_cursor/1 in your event handler.