@dnd-kit/core 라이브러리의 DndContext 사용시 하단에 빈 스크롤이 생기는 현상 제보
Nobody has claimed this yet.
- Dominant language
- TypeScript
- Stars
- 1k
- Forks
- 114
- Avg merge
- 3m
- Merged PRs (30d)
- 2
Description
안녕하세요,
@dnd-kit/core 라이브러리의 DndContext를 사용할 때 접근성을 지원하기 위해 생성되는 LiveRegion 컴포넌트로 인해 하단에 불필요한 스크롤이 생기는 문제가 발생해서 제보드려요.
이 문제는 LiveRegion 컴포넌트가 position: fixed로 지정되면서 뷰포트 하단에 고정되고, 이로 인해 stackflow의 스타일 속성과 충돌하여 예상치 못한 레이아웃 문제가 발생하는 것으로 예상하고 있는데요.
비슷한 문제를 다룬 관련된 이슈를 참고해서 이 문제를 해결했어요. 해결 방법은 LiveRegion 컴포넌트를 stackflow div의 외부로 이동시켜 stackflow의 CSS 속성과의 충돌을 방지하는 것이었어요.
이 문제를 해결하기 위해 position: fixed 속성과 stackflow 내부의 스타일과 충돌하는 부분을 확인해주시면 좋을 것 같아요. 검토 부탁드려요!
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 by reproducing the issue with DndContext and its LiveRegion inside the stackflow div, then compare the behavior with the related dnd-kit issue 1326. Inspect the interaction between LiveRegion's position: fixed styling and the surrounding stackflow styles; done means the unwanted bottom scroll is gone while accessibility behavior remains intact.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- react, typescript
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 35/100