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)

Product:
Core
Component:
Layout: Block and Inline
Type:
defect

Tracking

()

Tracking Flags:
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.
Blocks: writing-mode
Keywords: testcase
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.
> 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.
Depends on: 1302389
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.
> 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
Priority: -- → P3
Severity: normal → S3
You need to log in before you can comment on or make changes to this bug.