1977310 - www.google.com - Last character is covered by unexpected vertical scroll bar in Google search field sometimes

Status: NEW

(Core :: Layout: Text and Fonts, defect)

Description

[Alice0775 White]

Attachment: screenshot

Steps to reproduce:

1. Open https://www.google.com/ (no need log-in)
2. Type つあも, or copy & paste it
3. Move caret to start
4. Type random character such as aahjghjhk

Actual results:
Sometimes a vertical scrollbar appears over the last character.
Screencast: https://youtu.be/P2O1AkD12Qw

This seems to occur regardless of dark/light theme.
This seems to occur regardless of whether IME is turned on or off.
This seems to occur when the last character is a Japanese character.

Not a resent regression.

Expected results:
No such vertical scrollbar.

Work-around:
Remove css property line-height or overflow-x from the following css.

textarea.gLFyf, .YacQv {
    font-family: Arial,sans-serif;
    line-height: 22px;
    border-bottom: 8px solid transparent;
    padding-top: 14px;
    overflow-x: hidden;
}

Alternatively, change the default Japanese font to a font other than Meiryo.

Comment 1

[Alice0775 White]

Attachment: about:support

Comment 2

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

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

For more information, please visit BugBot documentation.

Comment 3

[Hiroyuki Ikezoe (:hiro)]

There's a div element just above the textarea for the search field.

<div jsname="vdLsw" class="YacQv"><span>yyyyyyyyy</span>つあも</div>

The class name YacQv matches the style sheet in comment 0.

So, given that removing overflow-x:hidden or line-height:22px fixes this issue, I suppose there appears the horizontal scrollbar at that moment because of overflowing the content vertically. So to reproduce this bug, the characters are important, I presume "y" is one of the characters overflowing. Also given that this bug blocks bug 1974034, this bug happens with Noto fonts?

Moving into Layout:Text and Fonts.

Comment 4

[Alice0775 White]

"Noto Sans JP" good
"Meiryo" Bad

Comment 5

[Hiroyuki Ikezoe (:hiro)]

(In reply to Hiroyuki Ikezoe (:hiro) from comment #3)

So, given that removing overflow-x:hidden or line-height:22px fixes this issue, I suppose there appears the horizontal scrollbar at that moment because of overflowing the content vertically.

This comment is quite bogus. Ignore about the horizontal scrollbar. I just meant it's vertically overflowing at that moment.

Comment 6

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

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

For more information, please visit BugBot documentation.

Comment 7

[Alice0775 White]

Attachment: screenshot Nightly 146.0a1 Build ID 20251020104237

Still reproduced