Sidebar collapse animation stutters when component resizing is expensive
Nobody has claimed this yet.
- Dominant language
- SCSS
- Stars
- 569
- Forks
- 72
- Avg merge
- 1d 2h
- Merged PRs (30d)
- 5
Description
Noticed when testing #839, the sidebar collapse animation for the flights demo stutters considerably. My intuition is that it's related to overly frequently resizing all of the htmlwidgets on the screen. We might want to come up with another way of periodically resizing the htmlwidgets that takes degrades nicely when the resizing is expensive.
https://github.com/rstudio/bslib/assets/5420529/583a728f-facf-41dc-a41b-c51583432297
Contributor guide
No contributing guide indexed for this repository
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start by reproducing the stutter in the flights demo while collapsing the sidebar, using the attached recording as a reference. Trace how frequently the htmlwidgets are resized during the animation and determine what behavior counts as a smooth collapse without making expensive resizing overwhelm it.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- bootstrap
- Domain
- frontend, performance
- Issue type
- Bug
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Stale
- Clarity
- Needs clarification
- Newbie friendliness
- 30/100