Restore List Scroll Position on Edit and Create Views side effects

[djhi]

Problem

When users have a long list page, navigate from it to an edit or create page, the onSuccess redirection of those pages redirect them to the list but loose their previous scroll position. This is bad UX.

Solution

• Introduce the useRestoreScrollPosition hook that tracks the page scroll position and restore it when the component mounts.
• Use it in the Resource component for list only
• Remove the _scrollToTop state when redirecting to a list view

How to test

• Run the demo
• Go to the visitor page and set the page size to 50
• scroll to the bottom and edit a record

[fzaninotto]

Can you explain how to test this feature?

[fzaninotto]

Now I'm thinking: what if there is more than one <List> per page? Or if the List is not the main page component (e.g. in the TagEdit page in the simple example)? We don't have any way to disable the scroll restoration in List. I think that's a problem.

[djhi]

Should we add a disableScrollRestoration prop?

[fzaninotto]

Other suggestion: scroll restoration should be dealt with earlier, in the CoreAdminRoutes, instead of in the List component.

[fzaninotto]

Nearly there!

[fzaninotto]

syntax error, missing quote