react-component / react-component/trigger

alwaysByViewport for @rc-component/trigger

Offen
#414 2 Kommentare 0 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen

Dieses Issue hat noch niemand übernommen.

Vorherrschende Sprache
TypeScript
Sterne
391
Forks
245
PR-Merge-Kennzahlen
Keine gemergten PRs in 30 T.

Beschreibung

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

Beitragsleitfaden

Für dieses Repository ist kein Beitragsleitfaden indexiert

Erste Schritte

  1. Lies das ganze Issue und danach den Beitragsleitfaden des Projekts.
  2. Schreib ins Issue, dass du es übernimmst — das erspart doppelte Arbeit.
  3. Forke das Repository und arbeite in einem Branch.
  4. Öffne einen Pull Request, der die Issue-Nummer nennt.

Rechercherichtung

Beginne mit der verknüpften CodeSandbox-Reproduktion und dem im Issue beschriebenen Verhalten von @rc-component/trigger in Bezug auf viewport und htmlRegion; es ist keine Repository-Datei und kein Test angegeben. Die Arbeit ist abgeschlossen, wenn eine verfügbare Option übergroßen Popup-Inhalt innerhalb des viewport hält, ohne die Beziehung zum target zu verlieren, und das Verhalten der Reproduktion durch einen Regressionstest abgedeckt ist.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Bewertung

Tech-Stack
react, typescript
Bereich
frontend
Issue-Typ
Feature
Schwierigkeit
4/5
Geschätzter Aufwand
3-5 Tage
Aktivitätsstatus
Veraltet
Klarheit
Größtenteils klar
Anfängerfreundlichkeit
25/100

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.