Overflow: hidden box next to float inside absolute positioned block is stacked vertically

REOPENED
Unassigned

Status

()

REOPENED
11 years ago
2 years ago

People

(Reporter: martijn.martijn, Unassigned)

Tracking

({regression, testcase})

Trunk
regression, testcase
Points:
---

Firefox Tracking Flags

(Not tracked)

Details

(Whiteboard: [float pref width][csswg], URL)

Attachments

(2 attachments)

(Reporter)

Description

11 years ago
Created attachment 297326 [details]
testcase

See url, I get a scrollbar in current trunk build, while I didn't get one in branch builds. It's happening because of the ads on the right.
This regressed with the landing of the reflow branch.
(Reporter)

Comment 1

11 years ago
Created attachment 297327 [details]
testcase2

Testcase that uses display: inline-block; instead of overflow: hidden;.
Notice the difference.
Hi Martijn, I don't see scrollbars but I note that Chrome and Opera (presto) render those TCs differently - the boxes are laid out horizontally instead of vertically. Is the issue this was reported for fixed but the test cases happen to show a different issue?
Flags: needinfo?(martijn.martijn)
(Reporter)

Comment 3

3 years ago
Hallvord, I don't really know if this is considered an issue or not. I guess this is where it is defined in CSS: http://www.w3.org/TR/CSS21/visudet.html#the-width-property
David or Mats would know.
Flags: needinfo?(mats)
Flags: needinfo?(martijn.martijn)
Flags: needinfo?(dbaron)
Whiteboard: [float pref width]
Probably the closest thing to a spec is:
https://lists.w3.org/Archives/Public/www-style/2014Nov/0085.html

I'd be interested to know what WebKit/Chromium do differently.
Flags: needinfo?(dbaron)
I guess this depends on how "ISSUE 6" is resolved here:
https://drafts.csswg.org/css-sizing/#block-intrinsic
Flags: needinfo?(mats)
(In reply to Hallvord R. M. Steen [:hallvors] from comment #2)
> I don't see scrollbars but I note that Chrome and Opera (presto)
> render those TCs differently - the boxes are laid out horizontally instead
> of vertically.

I see the same when testing on Chrome and ie.
Are you still seeing a scrollbar?
Flags: needinfo?(martijn.martijn)
I think this bug is more about whether the boxes are stacked vertically (Firefox)
or horizontally (Chrome).  Scrollbar or no scrollbar is a secondary concern.
There's still an issue noted in the spec about it, so this bug needs a decision
from the CSSWG before it can be resolved.

BTW, can someone test what Edge does?
Flags: needinfo?(martijn.martijn)
OS: Windows XP → All
Hardware: x86 → All
Summary: Overflow: hidden box next to float inside absolute positioned block causing scrollbar → Overflow: hidden box next to float inside absolute positioned block is stacked vertically
Whiteboard: [float pref width] → [float pref width][csswg]
(Reporter)

Updated

2 years ago
Status: NEW → RESOLVED
Last Resolved: 2 years ago
Resolution: --- → WORKSFORME
Status: RESOLVED → REOPENED
Resolution: WORKSFORME → ---
You need to log in before you can comment on or make changes to this bug.