1764687 - Find items becomes misaligned in long line

Status: NEW

(Toolkit :: Find Toolbar, defect)

Description

[cathoderaydude]

Attachment: misaligned search.png

User Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:99.0) Gecko/20100101 Firefox/99.0

Steps to reproduce:

Navigate to Wordle: https://www.nytimes.com/games/wordle/index.html
View Source
Navigate to the javascript file containing the game and select it
You are now looking at view-source:https://www.nytimes.com/games/wordle/main.e17c80f8.js
(yes, I was cheating)
Search for "unk" or "ren"
Press enter to "find next" repeatedly
Or, search in reverse to find the last result on the page.

Actual results:

Each instance of "unk" or "ren" is highlighted in turn, until the horizontal scrollbar is about at the 50% point
After this, search results become severely misaligned
They have the correct width, but appear over unmatched text like "," and are sometimes not even character-aligned

Expected results:

Each enter press should have highlighted one instance of "unk" or "ren" until the end of the line.

Comment 1

[BugBot [:suhaib / :marco]]

The Bugbug bot thinks this bug should belong to the 'Firefox::Search' component, and is moving the bug to that component. Please correct in case you think the bot is wrong.

Comment 2

[Adrian Florinescu [:aflorinescu]]

Regression range (Win10) points to bug 1607913.

Found commit message:
Bug 1607913 - Use Consolas instead of Courier New in Windows monospace font prefs. r=jfkthame

Comment 3

[BugBot [:suhaib / :marco]]

:emilio, since you are the author of the regressor, bug 1607913, could you take a look?
For more information, please visit auto_nag documentation.

Comment 4

[Emilio Cobos Álvarez [:emilio]]

This is not really a regression from that bug. This happens on Linux and macOS as well and seems some sort of rounding / floating-point error.

Comment 6

[Ben Craddock]

Just ran into this bug myself. Here's a quick python script that will reproduce it.

Depending on how this bug works and your OS/font, you may have to adjust the number of Xs.

with open('ff-find-bug.htm', 'w') as f:
    f.write('<pre>')
    for i in range(40000): # 35k is fine on W10, by 40k it's misaligned
        f.write('x')
    f.write('word to search for, plus some more text after.')