learningequality / learningequality/studio

Smarter handling of Content Library routing/browsing

Open
#5,066 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

DEV: frontend P2 - normal TAG: performance TAG: ux update
Dominant language
Python
Stars
191
Forks
307
Avg merge
5d 6h
Merged PRs (30d)
10

Description

This issue is not open for contribution. Visit Contributing guidelines to learn about the contributing process and how to find suitable issues.

Current behavior

When browsing the Content Library, if you open a channel's details and then click back (or close the details modal), the previous library page from which the user clicked to open the details, does a full refresh of the library results. Since loading the Content Library, or the user's search results, can take some seconds to load, this causes friction to users simply browsing the channels and taking a peek at their details. Additionally, if the user had scrolled several lengths down the results, the user is returned to the top after closing the details modal.

Desired behavior

When the user closes the details modal, either by way of the browser's back button or by clicking the X to close it, the user should be returned to the library page without it refreshing its results. Ideally, the scroll position of the page should be the same as what it was when the user clicked to open the details.

Value add

This will create a smoother, and much quicker, browsing experience for users, since they won't have to wait for repeated reload attempts after opening a channel's details.

References

URL: https://unstable.studio.learningequality.org/en/channels/#/public
Related browsing improvement: https://github.com/learningequality/studio/issues/3083

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start by reproducing the flow at the public Content Library URL: open a channel's details, then use the browser back button and the modal's X. Compare the current library reload and scroll behavior with the desired behavior, and review related issue #3083 for context. Done means both close paths return to the prior results without a refresh and preserve the prior scroll position.

Written by the indexing model from the issue text.

Assessment

Domain
frontend
Issue type
Feature
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
25/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.