Hacktoberfest 2026 : les issues que les mainteneurs ont marquées pour octobre, ouvertes et accessibles aux débutants. Parcourir les issues Hacktoberfest

@dnd-kit/core 라이브러리의 DndContext 사용시 하단에 빈 스크롤이 생기는 현상 제보

Ouverte
#531 1 commentaire 0 réactions 0 personnes assignées Voir sur GitHub

Personne n'a encore pris cette issue.

Évaluation

Difficulté
3/5
Temps estimé
1-2 jours
Accessibilité débutants
35/100
Type d'issue
Bug
Clarté
Plutôt claire
Activité
À l'abandon
Stack technique
react, typescript
Domaine
frontend

Piste de recherche

Commencez par reproduire le problème avec DndContext et son LiveRegion à l’intérieur de la div stackflow, puis comparez le comportement avec l’issue 1326 correspondante de dnd-kit. Examinez l’interaction entre le style position: fixed de LiveRegion et les styles stackflow environnants ; le travail est terminé lorsque le défilement indésirable vers le bas a disparu, tout en préservant le comportement d’accessibilité.

Rédigé par le modèle d'indexation à partir du texte de l'issue.

Description

안녕하세요,

@dnd-kit/core 라이브러리의 DndContext를 사용할 때 접근성을 지원하기 위해 생성되는 LiveRegion 컴포넌트로 인해 하단에 불필요한 스크롤이 생기는 문제가 발생해서 제보드려요.

이 문제는 LiveRegion 컴포넌트가 position: fixed로 지정되면서 뷰포트 하단에 고정되고, 이로 인해 stackflow의 스타일 속성과 충돌하여 예상치 못한 레이아웃 문제가 발생하는 것으로 예상하고 있는데요.

비슷한 문제를 다룬 관련된 이슈를 참고해서 이 문제를 해결했어요. 해결 방법은 LiveRegion 컴포넌트를 stackflow div의 외부로 이동시켜 stackflow의 CSS 속성과의 충돌을 방지하는 것이었어요.

이 문제를 해결하기 위해 position: fixed 속성과 stackflow 내부의 스타일과 충돌하는 부분을 확인해주시면 좋을 것 같아요. 검토 부탁드려요!

Langage dominant
TypeScript
Étoiles
1k
Forks
114
Merge moyen
59 min
PR mergées (30 j)
4

Préparer son environnement

Par où commencer

  1. Lisez l'issue en entier, puis le guide de contribution du projet.
  2. Signalez en commentaire que vous la prenez — cela évite que deux personnes fassent le même travail.
  3. Forkez le dépôt et travaillez sur une branche.
  4. Ouvrez une pull request qui référence le numéro de l'issue.

Autres issues de daangn/stackflow

Toutes les issues de daangn/stackflow

Issues similaires

Plus d'issues TypeScript

Recevez les nouvelles issues par e-mail

Un résumé court des issues GitHub adaptées aux débutants.