[Collapse] Support flexbox
Nobody has claimed this yet.
- Dominant language
- JavaScript
- Stars
- 99.1k
- Forks
- 32.5k
- Avg merge
- 2d 17h
- Merged PRs (30d)
- 106
Description
Summary
I expect Collapse to be able to handle flexbox layout transition.
Examples
https://stackblitz.com/edit/github-nb4cly3i?file=src%2FApp.tsx
In the example there are 3 columns, the left one is collapsed.
Hit the Collapse/FlexCollapse button to toggle which component is used.
Hit the Open/Close button to see the transition in action.
Change the flex input.
Motivation
Using Collapse in a flexbox is not supported/behave unexpectedly
Search keywords: collapse, flex, flexbox
Contributor guide
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 with the linked StackBlitz example and compare the Collapse and FlexCollapse behavior while changing the flex input. Then locate the Collapse component implementation and its related tests. Done means flexbox layouts transition predictably without the unexpected behavior shown in the example.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- javascript, react
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 45/100