@dnd-kit/core 라이브러리의 DndContext 사용시 하단에 빈 스크롤이 생기는 현상 제보
まだ誰も着手していません。
評価
- 難易度
- 3/5
- 見積もり時間
- 1〜2日
- 初心者へのやさしさ
- 35/100
- issue の種類
- バグ
- 明瞭さ
- おおむね明確
- 活発さ
- 停滞
- 技術スタック
- react, typescript
- 領域
- frontend
調査の方向性
まず、stackflow div 内の DndContext とその LiveRegion で問題を再現し、関連する dnd-kit issue 1326 と動作を比較します。LiveRegion の position: fixed スタイルと周囲の stackflow スタイルの相互作用を調査します。アクセシビリティの動作を維持したまま、意図しない下方向へのスクロールがなくなれば完了です。
索引モデルが issue の本文から書いたものです。
説明
안녕하세요,
@dnd-kit/core 라이브러리의 DndContext를 사용할 때 접근성을 지원하기 위해 생성되는 LiveRegion 컴포넌트로 인해 하단에 불필요한 스크롤이 생기는 문제가 발생해서 제보드려요.
이 문제는 LiveRegion 컴포넌트가 position: fixed로 지정되면서 뷰포트 하단에 고정되고, 이로 인해 stackflow의 스타일 속성과 충돌하여 예상치 못한 레이아웃 문제가 발생하는 것으로 예상하고 있는데요.
비슷한 문제를 다룬 관련된 이슈를 참고해서 이 문제를 해결했어요. 해결 방법은 LiveRegion 컴포넌트를 stackflow div의 외부로 이동시켜 stackflow의 CSS 속성과의 충돌을 방지하는 것이었어요.
이 문제를 해결하기 위해 position: fixed 속성과 stackflow 내부의 스타일과 충돌하는 부분을 확인해주시면 좋을 것 같아요. 검토 부탁드려요!
- 主要言語
- TypeScript
- スター
- 1k
- フォーク
- 114
- 平均マージ
- 59分
- マージ済み PR（30日）
- 4
環境構築
- Dockerfile・Docker Compose ファイルなし
- プルリクエストのテンプレートなし
- コントリビューションガイドを読む
はじめの一歩
- issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
- 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
- リポジトリをフォークし、ブランチを切って変更します。
- issue 番号を参照したプルリクエストを送ります。
daangn/stackflow のほかの issue
-
스와이프 백 애니메이션 덜컥임 이슈再び着手できるかも @Shennng が 222 日前に担当しましたが、オープン中のプルリクエストはありません。 オープン
難易度 4/5 3〜5日 初心者へのやさしさ 45/100
-
Vue3 지원 계획オープン
難易度 5/5 1週間以上 初心者へのやさしさ 25/100
-
難易度 5/5 1週間以上 初心者へのやさしさ 25/100
-
難易度 5/5 1週間以上 初心者へのやさしさ 18/100
-
難易度 5/5 1週間以上 初心者へのやさしさ 30/100
daangn/stackflow の issue をすべて見る
似ている issue
-
難易度 2/5 1〜3時間 初心者へのやさしさ 67/100
agilepathway/label-checker#739 · コメント 4 件 ·
メンテナーはふだん 1 日以内に返信
-
難易度 1/5 1時間未満 初心者へのやさしさ 68/100
CopilotKit/OpenBot#800 ·
メンテナーはふだん 1 日以内に返信
-
Endpoint links in the tag operations list are below the 24px target size対応中かも @AdzerKI が今日担当しました。 オープン
難易度 2/5 1〜3時間 初心者へのやさしさ 78/100
メンテナーはふだん 1 日以内に返信
-
難易度 2/5 1〜3時間 初心者へのやさしさ 79/100
ehmpathy/rhachet-roles-bhuild#471 ·
メンテナーはふだん 1 日以内に返信
-
難易度 2/5 1〜3時間 初心者へのやさしさ 73/100
メンテナーはふだん 1 日以内に返信