Resizing causes the height to jump
- Dominant language
- TypeScript
- Stars
- 1.1k
- Forks
- 275
- PR merge metrics
- No merged PRs in 30d
Description
### Describe the bug
If you try and resize the screen you can see that the height does not remain the same or follows the parent box. Instead, the height keeps increasing bit by bit.
### Your Example Website or App
https://codesandbox.io/s/upbeat-antonelli-z5lftg
### Steps to Reproduce the Bug or Issue
1. Go to the codesandbox url
2. Drag back and forth the line between the code editor and the browser in codesandbox
3. You will see the height jump more and more down
### Expected behavior
As a user, I expect the height to remain the same when resizing.
### Screenshots or Videos
_No response_
### Platform
- OS: All
- Browser: All
- Version: [e.g. 91.1]
### Additional context
_No response_
Contributor guide
Research direction
Start with the linked CodeSandbox and reproduce the height increase by dragging the divider between the editor and browser back and forth. Trace the resize behavior from that reproduction and verify that the component height remains stable and follows its parent after repeated resizing.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- react, typescript
- Domain
- data-visualization, frontend
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 35/100