Open
Bug 1301610
Opened 8 years ago
Updated 2 years ago
padding-bottom of document root element with sideways-lr writing-mode not rendered
Categories
(Core :: Layout: Block and Inline, defect, P3)
Core
Layout: Block and Inline
Tracking
()
NEW
Tracking | Status | |
---|---|---|
firefox51 | --- | affected |
People
(Reporter: bugzilla, Unassigned)
References
(Blocks 1 open bug)
Details
(Keywords: testcase)
This reference file
http://www.gtalbot.org/BrowserBugsSection/CSS3WritingModes/s732-sizing-phase-ortho-slr-005-ref.xht
uses
html
{
height: 100%;
padding: 100px 0px;
writing-mode: sideways-lr;
}
Expected
--------
I should be able to scroll down and reach the padding-bottom area of the <html> box.
Notes
-----
- I am using Firefox 51.0a1 buildID=20160908030434
- I use Linux 3.13.0-95-generic x86_64, Qt: 4.8.6, KDE 4.14.13; Kubuntu (trusty) 14.04.5 LTS
- I've searched for duplicates and did not find any.
Reporter | ||
Updated•8 years ago
|
Blocks: writing-mode
Keywords: testcase
Comment 1•8 years ago
|
||
The same issue seems to apply to border as well as padding.
And a similar failure to create the correct scrollable overflow (or something like that) can be demonstrated within a document, too; it's not unique to the root element. Compare the two testcases:
(1)
data:text/html,
<div style="height:500px;border:1px solid red;overflow:scroll;writing-mode:sideways-rl;">
<div style="height:100%;border:50px solid yellow;"><div>hello
(2)
data:text/html,
<div style="height:500px;border:1px solid red;overflow:scroll;writing-mode:sideways-lr;">
<div style="height:100%;border:50px solid yellow;"><div>hello
In case (1), using sideways-rl mode, the yellow-bordered child div can be scrolled up and down so as to see its full extent, including the borders. But in case (2), with sideways-lr, it's not scrollable at all.
I think this is likely just another manifestation of the same underlying bug.
Reporter | ||
Comment 2•8 years ago
|
||
> The same issue seems to apply to border as well as padding.
Indeed.
>
> And a similar failure to create the correct scrollable overflow (or
> something like that) can be demonstrated within a document, too; it's not
> unique to the root element. Compare the two testcases:
>
> (1)
> data:text/html,
> <div style="height:500px;border:1px solid
> red;overflow:scroll;writing-mode:sideways-rl;">
> <div style="height:100%;border:50px solid yellow;"><div>hello
>
> (2)
> data:text/html,
> <div style="height:500px;border:1px solid
> red;overflow:scroll;writing-mode:sideways-lr;">
> <div style="height:100%;border:50px solid yellow;"><div>hello
Your tests are very convincing.
In this reference file (which uses sideways-rl)
http://www.gtalbot.org/BrowserBugsSection/CSS3WritingModes/s732-sizing-phase-ortho-srl-004-ref.xht
both vertical padding areas are reachable, accessible.
Reporter | ||
Comment 3•8 years ago
|
||
After the fix in bug 1302389, the s732-sizing-phase-ortho-slr-005-ref.xht test now seems to have worsened. The padding-bottom applied on the <html> element is incorrectly rendered.
Reporter | ||
Comment 4•8 years ago
|
||
> After the fix in bug 1302389, the s732-sizing-phase-ortho-slr-005-ref.xht
> test now seems to have worsened. The padding-bottom applied on the <html>
> element is incorrectly rendered.
I am using Firefox 52.0a1 buildID=20160919065232
Updated•6 years ago
|
Priority: -- → P3
Updated•2 years ago
|
Severity: normal → S3
You need to log in
before you can comment on or make changes to this bug.
Description
•