Textarea bottom padding is not rendered in Firefox 87
Categories
(Core :: Layout, defect)
Tracking
()
| Tracking | Status | |
|---|---|---|
| firefox89 | --- | fixed |
People
(Reporter: jakub.liput, Assigned: TYLin)
References
(Regressed 1 open bug)
Details
Attachments
(4 files)
ff87-scroll-top.png
User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.14; rv:86.0) Gecko/20100101 Firefox/86.0
Steps to reproduce:
In Firefox 87.x render this HTML: http://output.jsbin.com/nisosudafu
I noticed this bug first time in Firefox Developer Edition 87.0b6
Actual results:
Bottom padding of textarea set in CSS is not rendered.
Expected results:
The text in textarea should have a padding on the bottom.
It was rendered in 86.0 (stable channel) differently than in Chromium, which renders padding when content is scrolled, but in 87 the padding is not rendered at all.
|
||
Updated•4 years ago
|
|
Reporter | |
Comment 1•4 years ago
|
||
Firefox 87.0b7 - textarea with top/bottom padding, scrolled to top - looks good
|
|
Reporter | |
Comment 2•4 years ago
|
||
Textarea in Firefox 87.0b7 with top and bottom padding, scrolled to bottom - should have a bottom padding, but it doesn't
|
|
Reporter | |
Comment 3•4 years ago
|
||
HTML source for above screenshots (in case of problems with Jsbin):
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<style>
textarea {
width: 100px;
height: 100px;
padding-top: 20px;
padding-bottom: 20px;
}
</style>
</head>
<body>
<textarea>Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptates non animi nostrum totam, reiciendis libero tempore reprehenderit quisquam labore iusto ab, velit asperiores natus ad, doloribus sequi voluptatem ipsa aperiam!</textarea>
</body>
</html>
|
||
Comment 4•4 years ago
|
||
|
|
||
Updated•4 years ago
|
|
|
||
Comment 5•4 years ago
|
||
This was an intentional change from bug 1456052, see that and bug 1099204 for the issues it caused. It behaves the same as any other scroller now:
<div style="overflow: scroll; width: 100px; height: 100px; padding: 10px;"><div style="height: 300px; background: blue">
Whether that scroller should actually respect the padding-bottom is a long-standing spec issue and discussion, see all the story in bug 748518.
|
|
Reporter | |
Comment 6•4 years ago
|
||
Thanks for your reply and links!
So now I'm looking forward for resolving the padding-bottom issue, because it makes styling incompatible between Firefox and Chromium 😬
|
Assignee | |
Comment 7•4 years ago
|
||
I reopen this bug to track the progress to add block-end padding to <textarea>.
I'm working on adding block-end padding to block container in bug 1527949, but that's not enough to fix this bug. We have overflow-clip-box: padding-box content-box; for <textarea>, and we have existing bugs that can mess up with overflow areas.
|
||
Comment 8•4 years ago
|
||
Marking as S3 to take it out of the untriaged list; would be good to try and make progress here for better compatibility, but it's evidently a longstanding issue.
|
|
Assignee | |
Comment 9•4 years ago
|
||
This testcase is fixed by bug 1527949.
Depends on D109424
|
||
Updated•4 years ago
|
|
|
||
Updated•4 years ago
|
|
||
Comment 10•4 years ago
|
||
|
||
Comment 12•4 years ago
|
||
| bugherder | ||
Description
•