New issue
Advanced search Search tips
Note: Color blocks (like or ) mean that a user may not be available. Tooltip shows the reason.

Issue 775880 link

Starred by 3 users

Issue metadata

Status: Fixed
Closed: Nov 2017
EstimatedDays: ----
NextAction: ----
OS: Linux , Android , Windows , Mac
Pri: 1
Type: Compat

Sign in to add a comment

css list-style renders in a weird way

Reported by, Oct 18 2017

Issue description

UserAgent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/62.0.3202.62 Safari/537.36

Example URL:

Steps to reproduce the problem:
just visit and watch the menu on the left hand side

What is the expected behavior?
menu should have A normally visible inside LI

What went wrong?
A is moved down

Does it occur on multiple sites: N/A

Is it a problem with a plugin? No 

Did this work before? Yes last 61 version before update to 62

Does this work in other browsers? Yes

Chrome version: 62.0.3202.62  Channel: stable
OS Version: 10.0
Flash Version: 

I found out when i add list-style: none to #menucontent > ul > li, it will fix, but until update to chrome 62 it worked fine as it was earlier, in Firefox and Edge it is ok without list-style set to none.
828 KB View Download
Components: Blink>CSS
Labels: Needs-Bisect Needs-Triage-M62
Labels: -Pri-2 -Needs-Bisect ReleaseBlock-Stable M-62 OS-Linux OS-Mac Pri-1
Status: Assigned (was: Unconfirmed)
Good# 62.0.3164.0
Bad# 62.0.3178.0

You are probably looking for a change made after 490845 (known good), but no later than 490846 (first known bad).
The script might not always return single CL as suspect as some perf builds might get missing due to failure.

cathiechen@, can you please look into this change ( ?

Thank you!

Comment 3 by, Oct 20 2017

Components: -Blink>CSS Blink>Layout
Yes, it's associated with this change. li contains overflow hidden block. E.g.
<li><div style="overflow:hidden"></div></li>

After this change, there will be a line break between marker and overflow:hidden block. 

I'm working on which could fix this issue.

Comment 5 by, Oct 20 2017

Labels: M-63 OS-Android
Adding Android as this is Blink>Layout bug.

Comment 6 by, Oct 24 2017

Is this a regression in M62? What is the progress on the fix? Since I am not sure I understand this issue very well, I would like to know how severe it is to warrant a respin for M62.

Comment 7 Deleted

Sorry for the delay. 
I've start a code review to fix this.

Because list with overflow firstchild didn't show marker,
last change intent to make marker shown, but it caused line-break issue. (

The new patch would eliminate this line-break and align block direction position for marker according to list's content. 
eae@ - can you please confirm if this is a true blocker? Our stable respin is scheduled for this week. Since we haven't seen any other similar issues from other sites, my recommendation is to fix this in M63. 
> Since we haven't seen any other similar issues from other sites seems to be the same issue
Just to update, still bale to reproduce the issue on build 64.0.3253.0 on Windows 10, Mac 10.12.6, Ubuntu 14.04, Issue is tagged with a stale blocker for M63. Can this be addressed.

[Bulk Edit]
M63 Stable promotion is coming soon and your bug is labelled as Stable ReleaseBlock, pls make sure to land the fix and get it merged into the release branch ASAP. Thank you.

Comment 13 by, Oct 30 2017

Labels: -ReleaseBlock-Stable
Reverting isn't really an option as the cause for this fixed another P1 blocker. This seems slightly less serve so I'd argue we shouldn't block on this but try to fix it as soon as we can.

Note that we do have a fix in review.
Project Member

Comment 14 by, Nov 2 2017

The following revision refers to this bug:

commit f5099b7b47d627181b682a832d0e80f775d20eae
Author: cathiechen <>
Date: Thu Nov 02 20:35:35 2017

Fix unnecessary line-break between marker and overflow element.

In order to show marker in list with overflow children, we make marker as
the child of list. This change will generate line-break between marker
and overflow children. To eliminame this line-break:
1. When construct layout tree add marker as child of li which would
generate line-break.
2. To eliminame line-break, set marker_container's logicalHeight to
3. Align marker's block direction position according to first-line-box
after li's children layouted.

Design document:

Bug:  775880 ,  767408 ,  344941 
Change-Id: I323be3fdd9447c5487963cb039c7bcc83922dcb8
Commit-Queue: Emil A Eklund <>
Reviewed-by: Koji Ishii <>
Cr-Commit-Position: refs/heads/master@{#513595}

Comment 15 by, Nov 9 2017

Has this been fixed now cathiechen or are there more changes needed?

Yes, this has been fixed:)

Comment 17 by, Nov 13 2017

Status: Fixed (was: Assigned)
Thank you!

Sign in to add a comment