patternfly / patternfly/patternfly-react

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

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

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

主要言語
TypeScript
スター
862
フォーク
392
平均マージ
4日 8時間
マージ済み PR(30日)
9

説明

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

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

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

はじめの一歩

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

調査の方向性

まず、Firefox の LogViewer ドキュメントページで問題を再現します。検索フィールドに入力し、ウィンドウのサイズを変更してから、もう一度入力します。LogViewer の検索とサイズ変更の動作を追跡し、その後、サイズ変更によってスクロールの不具合が発生しなくなり、再度レンダリングする前にエディターの内容が消去されないことを確認します。

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

評価

技術スタック
react, typescript
領域
frontend
issue の種類
バグ
難易度
3/5
見積もり時間
1〜2日
活発さ
静か
明瞭さ
おおむね明確
初心者へのやさしさ
55/100

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

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