1961933 - Bad UX for Search on firefox-source-docs.mozilla.org

Status: UNCONFIRMED

(Developer Infrastructure :: Source Documentation, defect)

Description

[[:anutrix]]

Attachment: Screenshot 2025-04-23 004458.png

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

Steps to reproduce:

1. Visit https://firefox-source-docs.mozilla.org/ .
2. See search field on top left section has smaller rounded rectangle inside the rectangle.
3. Click 'Enhanced by Google' and type some characters like IIIIIIIIII.
4. Notice corner of the first character always getting slightly cut off.

Actual results:

Corners of the first character always gets cut off in the search field at https://firefox-source-docs.mozilla.org/
And tiny rounded search field inside larger rectangle looks odd.

Expected results:

Normal search field shouldn't cover any parts of typed characters and search field should look normal.

Comment 1

[[:anutrix]]

Attachment: Screenshot 2025-04-23 015605.png

Comment 2

[BugBot [:suhaib / :marco/ :calixte]]

The severity field is not set for this bug.
:Sylvestre, could you have a look please?

For more information, please visit BugBot documentation.