New issue
Advanced search Search tips

Issue 881725 link

Starred by 1 user

Issue metadata

Status: Duplicate
Merged: issue 888534
Owner: ----
Closed: Sep 25
Components:
EstimatedDays: ----
NextAction: 2018-09-23
OS: Mac
Pri: 2
Type: Bug



Sign in to add a comment

-webkit-box layouts broken

Reported by arjensto...@gmail.com, Sep 7

Issue description

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

Example URL:
https://www.cameranu.nl/nl/p1933615/canon-eos-6d-mark-ii-dslr-body

Steps to reproduce the problem:
1. Go to the review with the show more and inspect the text.
2. Add display: -webkit-box; to .newProductPage .review-data.ellipsis[aria-expanded='false']

What is the expected behavior?
Text gets ellipsis added at the end of the line specified without changing the position of the element.

What went wrong?
The objects text gets pushed up into the element causing it to be barely visible.

I have added two screenshots to show behaviour between display: block; and display: -webkit-box;

Does it occur on multiple sites: Yes

Is it a problem with a plugin? No 

Did this work before? Yes Chrome 68

Does this work in other browsers? Yes

Chrome version: 69.0.3497.81  Channel: stable
OS Version: OS X 10.13.6
Flash Version: 

Adding the following style to the lease panel causes the same problem. Text gets pushed up into the text at the top. Mobile view required.

@media screen and (max-width: 767px)
.newProductPage .lease-body .flex-equal-height {
    display: -webkit-box;
}
 
Screenshot -webkit-box at Sep 07 10-07-16.png
26.5 KB View Download
Screenshot block at Sep 07 10-06-55.png
55.3 KB View Download
Components: -Blink Blink>Layout
Labels: Needs-Triage-M69 Needs-Bisect
Labels: -Needs-Bisect Needs-Feedback
NextAction: 2018-09-23
Unable to reproduce.
The NextAction date has arrived: 2018-09-23
I imagine this is the same as  issue 888534 .
Mergedinto: 888534
Status: Duplicate (was: Unconfirmed)

Sign in to add a comment