patternfly / patternfly/patternfly-react

Bug - [LogViewer] - [Glitches with searchfield + Resize event]

Offen
#12,606 0 Kommentare 0 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen

Dieses Issue hat noch niemand übernommen.

Vorherrschende Sprache
TypeScript
Sterne
862
Forks
392
Ø Merge
4 T. 8 Std.
Gemergte PRs (30 T.)
9

Beschreibung

Describe the problem
The editors are glitching when clicking/typing in the searchfield, partially trying to scroll into view and clearing the content of the editor before rendering it back.

How do you reproduce the problem?
Can be reproduced on the documentation website: https://www.patternfly.org/extensions/log-viewer

Type something in the searchfield, Resize the window, then type again.

https://github.com/user-attachments/assets/b02f7cde-808e-4b61-9a12-8190ef1cac4a

What is your environment?

  • OS: Arch Linux, Kernel 7.1.3-arch1-3, Sway WM Wayland compositor
  • Browser [Firefox]
  • Version [152.0.6 (64-bit)]

Could not be reproduced on Chrome on the same machine.
Also, it appears that it doesn't occur on a Windows 11 device.


Jira Issue: PF-4517

Beitragsleitfaden

Beitragsleitfaden öffnen

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 damit, das Problem auf der LogViewer-Dokumentationsseite in Firefox zu reproduzieren: Gib etwas in das Suchfeld ein, ändere die Fenstergröße und gib erneut etwas ein. Verfolge das Such- und Größenänderungsverhalten von LogViewer und überprüfe anschließend, dass die Größenänderung keine Scrollfehler mehr verursacht und den Editorinhalt nicht löscht, bevor er erneut gerendert wird.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Bewertung

Tech-Stack
react, typescript
Bereich
frontend
Issue-Typ
Bug
Schwierigkeit
3/5
Geschätzter Aufwand
1-2 Tage
Aktivitätsstatus
Ruhig
Klarheit
Größtenteils klar
Anfängerfreundlichkeit
55/100

Neue Issues direkt in Ihr Postfach

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