SPIKE: Infinite scroll on a detail record is problematic
Priority
P3Labels
Environment
Template
Description
Development Team
Release
Story Points
Sprint
Attachments
is required by
relates to
Checklist
hideTestRail: Results
Activity
Khalilah Gambrell November 25, 2019 at 6:34 PM
We will monitor the issue https://folio-org.atlassian.net/browse/STCOM-622 but overall, I think we revisit this issue once we proceed with https://folio-org.atlassian.net/browse/UIEH-772 because I do not think this will be an issue once we complete it.
cc:
maksym_dryha September 20, 2019 at 1:43 PMEdited
The confusing behavior is caused by browser restrictions related to scrolling. They cannot be changed or canceled, but we can avoid situations in which those restrictions are applied (generally speaking, we need to avoid having more than one scrollbar).
After discussions and investigation, some approaches were found:
Remove the scrollbar from the title list. Instead, make the page infinitely scrollable. In this case, to be user-friendly, we will need to have a "scroll to top" button. Probably will require painful refactoring.
Display all the search-inside-package functionality inside of a modal. In this case, when a user wants to search for titles inside a package, they will use a modal similar to the one used for searching for notes. Here is a screenshot of a draft implementation:
This solution is technically easier than the first one but still may include a lot of work (relatively).
Steps to reproduce:
1. Go to a package with a lot of titles (for instance https://folio-testing.aws.indexdata.com/eholdings/packages/28825-12383)
2. Start scrolling the page
Expected behavior
At the moment when "Titles" accordion touches the pane header, the scrolling of the package details becomes disabled. Instead, the title list is now scrollable and the "Titles" accordion header becomes sticky.
Actual behavior
The switch between "scrolling whole package details page" and "scrolling titles list section only" does not happen immediately. Sometimes a user has to stop scrolling, wait for a half a second, and then scroll again to see that the scroll mode was changed. Also, making mouse moves helps to speed up the process of switching.