react-component / react-component/trigger

alwaysByViewport for @rc-component/trigger

オープン
#414 コメント 2 件 リアクション 0 件 担当者 0 名 GitHub で見る

まだ誰も着手していません。

主要言語
TypeScript
スター
391
フォーク
245
PR マージ指標
30日以内にマージされた PR はありません

説明

Any way to force the popup always keep in view for @rc-component/trigger for now?

  • @rc-component/trigger: 1.14.1

Unlike rc-trigger, @rc-component/trigger always try to stick to the target. Is there any option to force it in viewport? I tried htmlRegion options but it doesn't work. This will be very helpful when the content of the popup is larger than the available space.

Thank you~

Reproduction

https://codesandbox.io/s/antd-v5-dropdown-overflow-hz2ymc

Screenshot 2023-07-27 at 3 55 03 PM

コントリビューションガイド

このリポジトリのコントリビューションガイドは索引されていません

はじめの一歩

  1. issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
  2. 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
  3. リポジトリをフォークし、ブランチを切って変更します。
  4. issue 番号を参照したプルリクエストを送ります。

調査の方向性

リンクされたCodeSandboxの再現と、issueで説明されている@rc-component/triggerのviewportおよびhtmlRegionの挙動から始めてください。リポジトリのファイルやテストは特定されていません。利用可能なオプションによって、targetとの関係を失うことなく、サイズが大きすぎるpopupの内容をviewport内に収められ、再現の挙動がリグレッションテストでカバーされれば、作業は完了です。

索引モデルが issue の本文から書いたものです。

評価

技術スタック
react, typescript
領域
frontend
issue の種類
機能追加
難易度
4/5
見積もり時間
3〜5日
活発さ
停滞
明瞭さ
おおむね明確
初心者へのやさしさ
25/100

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。