New issue
Advanced search Search tips
Note: Color blocks (like or ) mean that a user may not be available. Tooltip shows the reason.

Issue 754261 link

Starred by 1 user

Issue metadata

Status: Untriaged
Owner: ----
Cc:
Components:
EstimatedDays: ----
NextAction: ----
OS: Windows
Pri: 3
Type: Bug



Sign in to add a comment

Bottom padding isn't visible on adding new line to the end of editable content

Reported by backesch...@gmail.com, Aug 10 2017

Issue description

UserAgent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/60.0.3112.90 Safari/537.36

Steps to reproduce the problem:
Example HTML:

<textarea style="width: 300px; height: 100px; padding: 15px;"></textarea>

What is the expected behavior?

What went wrong?
When a textarea element begins to scroll the padding is not considered any more which looks very bad. In Firefox the problem does not exist.

Did this work before? N/A 

Does this work in other browsers? Yes

Chrome version: 60.0.3112.90  Channel: stable
OS Version: 10.0
Flash Version:
 
missingpadding1.png
1.3 KB View Download
missingpadding2.png
2.2 KB View Download
missingpadding3.png
2.1 KB View Download
Components: -Blink>CSS Blink>Forms>Textarea
Cc: susanjuniab@chromium.org
Labels: Needs-Triage-M60 Needs-Feedback
backeschwein@ Thank you for the issue.

Tested the issue on Windows 7 ,Ubuntu 14.04 and Mac OS 10.12.6 with latest stable 60.0.3112.90 and Canary 62.0.3181.0 with the below steps.

1. Opened Chrome and launched .html page with the given code.
2. Entered text in the textarea in multiple lines and could see the scroll bar rendering correctly.

Please find the attached screen cast and confirm if anything is missed here.
Also please provide screen cast for the better understanding of the issue.

Thanks..
754261.webm
2.1 MB View Download
Your screencast is correct, thank you!
Project Member

Comment 4 by sheriffbot@chromium.org, Aug 11 2017

Labels: -Needs-Feedback
Thank you for providing more feedback. Adding requester "susanjuniab@chromium.org" to the cc list and removing "Needs-Feedback" label.

For more details visit https://www.chromium.org/issue-tracking/autotriage - Your friendly Sheriffbot

Comment 5 Deleted

Just noticed the bug is not the padding would be missing, the bug is that Chrome does not scroll the textarea down when adding a new line.
Labels: Needs-Bisect
Labels: -Needs-Bisect
backeschwein@ Thank you for the feedback.

Retried the issue again on the latest Canary 62.0.3184 and latest stable 60.0.3112.90 on Windows 10,Ubuntu 14.04 and Mac OS 10.12.6.

Unable to reproduce the issue. Tried to scroll the textarea using both mouse and touchpad and no issues are observed.
Please find the attached screen cast.

Removing the 'Needs-Bisect' label and requesting Textarea team to look into the issue.

Thanks..
scroll.webm
921 KB View Download
I don't understand? The issue is exactly reproduced on your screencast.
Status: Untriaged (was: Unconfirmed)
Not a regression. Reproduced on Chrome and Internet Explorer 11.
Firefox is the odd one.

Comment 11 by phistuck@gmail.com, Aug 14 2017

Think of <textarea> as a <div style="overflow: auto;" - the padding is within the scrolling area. Seems like by design to me, otherwise, I would expect the scroll bar itself to also shift by 15 pixels.

Comment 12 by tkent@chromium.org, Aug 17 2017

Components: -Blink>Forms>Textarea Blink>Editing>Selection
Summary: Bottom padding isn't visible on adding new line to the end of editable content (was: missing padding on textarea when scrolling)
This is not TEXAREA-specific issue, and is reproducible with contenteditable=true.

> Just noticed the bug is not the padding would be missing, the bug is
> that Chrome does not scroll the textarea down when adding a new line.


Comment 13 by phistuck@gmail.com, Aug 17 2017

#6 - I do not think this is a bug. You press Enter in order to create a new line, not in order to scroll.
When you scroll, it scrolls down to the end of the padding.
I think Firefox is wrong.
Creating a new line causes the textarea to scroll but in this case not far enough. There is no reason the textarea should not scroll to the very bottom when adding a new line which is the last line. Otherwise the bottom padding becomes useless.

The scroll feature is to bring more content into the textarea without using more space on the page. The padding is visible per default when not scrolling. I don't think the textarea should look different then except for the scroll bars when scrolling. That is inconsistent and looks bad.

Comment 15 by phistuck@gmail.com, Aug 17 2017

The scroll feature in this scenario is only meant to show the caret to the user, so when the user types, they will see what they type. The textarea scrolls and show the caret but not the padding - sounds like the right design to me.
If you scroll using the mouse, or even by pressing Page Down, it scrolls to the end of box (as designed), including the padding.

What if the padding were 500px and your line of thought would be implemented? You will not see the caret, that makes no sense to me.
Hmm, could be an argument. Maybe it is more a web developer thing to make the textarea to scroll down when creating a new line.

But I am not so sure as this would be the default behaviour. Using so much padding would not make sense.

Comment 17 by phistuck@gmail.com, Aug 17 2017

#16 - then a smaller amount. Say, textarea is 60 pixels high and the padding is 55 pixels because it shows 55 pixels of a footer image to show that it is the end, or whatever. Pressing Enter would show half a line (line height is 10 pixels) according to your design.

But I think you are wrong in your initial assumption - pressing Enter does not scroll the textarea. The browser scrolls the textarea in order to expose the caret after it moved to a new line as a result of pressing Enter. If the new line can be shown without scrolling (because it is a new line in the middle of other lines), it will not scroll at all.
Of course I only mean it causes scrolling when it it the last line + 1 : )

Comment 19 by phistuck@gmail.com, Aug 17 2017

#18 - you mean, the last line on the viewport, right? Because pressing Enter in the middle of lines, but at the edge of the viewport does make the textarea scroll (which is again an indication of the purpose of the scroll - just to show the cursor).

Comment 20 by yosin@chromium.org, Aug 21 2017

Status: Available (was: Untriaged)

Comment 21 by yosin@chromium.org, Jan 10 2018

Labels: Pri-3
Project Member

Comment 22 by sheriffbot@chromium.org, Jan 10

Labels: Hotlist-Recharge-Cold
Status: Untriaged (was: Available)
This issue has been Available for over a year. If it's no longer important or seems unlikely to be fixed, please consider closing it out. If it is important, please re-triage the issue.

Sorry for the inconvenience if the bug really should have been left as Available.

For more details visit https://www.chromium.org/issue-tracking/autotriage - Your friendly Sheriffbot

Sign in to add a comment