Closed Bug 1495157 Opened 6 years ago Closed 6 years ago

flex-direction column-reverse not handled correctly

Categories

(Core :: Layout, defect)

Product:
Core
Component:
Layout
Version:
63 Branch
Type:
defect
Priority:
Not set
Severity:
normal

Tracking

()

Status:
RESOLVED DUPLICATE of bug 1042151

People

(Reporter: thomas.cioppettini, Unassigned)

Details

User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_13_6) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/69.0.3497.100 Safari/537.36

Steps to reproduce:

A container with `flex-direction: column-reverse` should scroll when there is overflow.

Here is a codepen demoing the problem (Behavior is correct in chrome/safari)

https://codepen.io/tomciopp/pen/JmoYgL




Actual results:

The container is clipped and you cannot scroll.


Expected results:

It should scroll. If you switch the css on the 'message-wrapper' class from 'column-reverse' to 'column' it should be the same behavior just with the content upside-down.
Component: Untriaged → Layout
Product: Firefox → Core
The testcase appears to work fine for me using Firefox 62.0.2 on Linux.
Firefox displays one scrollbar and it lets me scroll the list of items
numbered 11, 10 ... 1.

Thomas, which version of Firefox are you using?
Flags: needinfo?(thomas.cioppettini)
Sorry, I altered the test case after I found out that this is a duplicate of this bug.

https://bugzilla.mozilla.org/show_bug.cgi?id=1042151.
Flags: needinfo?(thomas.cioppettini)
Status: UNCONFIRMED → RESOLVED
Closed: 6 years ago
Resolution: --- → DUPLICATE
You need to log in before you can comment on or make changes to this bug.