Affected versions

• Firefox 92.0
• Firefox 93.0a1

Affected platforms

• Windows 7 & 10
• Ubuntu 20
• macOS 11

Steps to reproduce

1. Launch Firefox
2. Access Yahoo search
3. Click on the page's search bar and write anything

Expected result

• The written letters are shown after the magnifying glass

Actual result

• The letters are overlapped with the magnifying glass

Regression range

• Will see for a regression

Additional notes

• The issue can be seen in the attachment
• Please feel free to change the component if this is not the right one.

I can reproduce the issue all version of Firefox(at least 17 to 93.0a1).

In Google chrome

#syc.typing #doc .voice-search .sbq {
   width: 403px;
   margin-right: 91px;
}

In Firefox
no class .voice-search for <input>

#syc.typing #doc .sbq {
    width: 90%;
    padding-top: 0;
    padding-left: 0;
    border-bottom: none;
}
body.typing #doc .sbq {
    border-radius: 4px 0 0 0;
    border-bottom: solid 1px #e0e4e9;
    border-right: 0;
    border-left: 0;
    border-top: 0;
    padding-left: 44px;
    padding-top: 14px;
    width: 579px;
}

if remove width: 90%; width: 579px; then it works as expected.

We should probably contact yahoo. Thanks so much for the analysis Alice!

(In reply to Alice0775 White from comment #1)

I can reproduce the issue all version of Firefox(at least 17 to 93.0a1).

I'll clear the per-version affected flags, then. No use in tracking specific affected versions if it affects ~every version. :)

Yahoo! has been contacted.

This issue seems to be fixed. The text no longer overlaps the "Search" icon.
https://prnt.sc/RAANvJ4c1l9m

Tested with:
Browser / Version: Firefox Nightly 103.0a1 (2022-06-20)
Operating System: Windows 10 Pro

Catalin can you still reproduce it?

Yep, seems to be fixed, not reproducible anymore on Firefox 103.0a1 (2022-06-22). Thank you!