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

Issue 645938 link

Starred by 2 users

Issue metadata

Status: Fixed
Owner: ----
Closed: Feb 2017
Cc:
Components:
EstimatedDays: ----
NextAction: ----
OS: Windows
Pri: 2
Type: Bug

Blocking:
issue 404150



Sign in to add a comment

Ellipsis wrapping bug - hides all/must text when having Hebrew and Latinic characters text

Reported by laukst...@gmail.com, Sep 12 2016

Issue description

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

Example URL:
https://output.jsbin.com/juveli/quiet

Steps to reproduce the problem:
1. open test-case https://output.jsbin.com/juveli/quiet
2. if you see red text then the bug is still not fixed

What is the expected behavior?

What went wrong?
When having text with Hebrew and English (Latin) characters, on latest Chrome builds text-overflow:ellipsis wraps the text in wrong place and instead of showing for example 100 characters + "...", will show only "...".

It worked fine in earlier builds, relevant also to stable build. Works fine in Firefox, IE, Edge, Safari.

Does it occur on multiple sites: Yes

Is it a problem with a plugin? No 

Did this work before? Yes 

Does this work in other browsers? Yes 

Chrome version: 55.0.2858.0  Channel: canary
OS Version: 10.0
Flash Version: Shockwave Flash 23.0 r0
 

Comment 1 by laukst...@gmail.com, Sep 12 2016

Might be related to  Issue #634445 
> Chrome Good Build -- 52.0.2722.0
> Chrome Bad  Build -- 52.0.2723.0
maybe?

Comment 2 by kochi@chromium.org, Sep 13 2016

Components: -Blink Blink>Layout
Status: Untriaged (was: Unconfirmed)

Comment 3 by e...@chromium.org, Sep 17 2016

Blocking: 404150
Status: Available (was: Untriaged)

Comment 4 by e...@chromium.org, Sep 17 2016

Cc: robho...@gmail.com
Project Member

Comment 5 by bugdroid1@chromium.org, Sep 30 2016

The following revision refers to this bug:
  https://chromium.googlesource.com/chromium/src.git/+/9dbb17e178481b65239258b91cf42d6a73a5d990

commit 9dbb17e178481b65239258b91cf42d6a73a5d990
Author: robhogan <robhogan@gmail.com>
Date: Fri Sep 30 20:44:14 2016

Place ellipsis correctly when it's at the edge of a mixed-direction box

Place ellipsis correctly when we want to place it at the end of a box that
has a text direction opposite to that of its containing flow.

BUG= 645938 

Review-Url: https://codereview.chromium.org/2367423004
Cr-Commit-Position: refs/heads/master@{#422212}

[modify] https://crrev.com/9dbb17e178481b65239258b91cf42d6a73a5d990/third_party/WebKit/LayoutTests/TestExpectations
[add] https://crrev.com/9dbb17e178481b65239258b91cf42d6a73a5d990/third_party/WebKit/LayoutTests/fast/text/ellipsis-at-edge-of-ltr-text-in-rtl-flow.html
[add] https://crrev.com/9dbb17e178481b65239258b91cf42d6a73a5d990/third_party/WebKit/LayoutTests/fast/text/ellipsis-at-edge-of-rtl-text-in-ltr-flow.html
[add] https://crrev.com/9dbb17e178481b65239258b91cf42d6a73a5d990/third_party/WebKit/LayoutTests/platform/linux/fast/text/ellipsis-at-edge-of-ltr-text-in-rtl-flow-expected.png
[add] https://crrev.com/9dbb17e178481b65239258b91cf42d6a73a5d990/third_party/WebKit/LayoutTests/platform/linux/fast/text/ellipsis-at-edge-of-ltr-text-in-rtl-flow-expected.txt
[add] https://crrev.com/9dbb17e178481b65239258b91cf42d6a73a5d990/third_party/WebKit/LayoutTests/platform/linux/fast/text/ellipsis-at-edge-of-rtl-text-in-ltr-flow-expected.png
[add] https://crrev.com/9dbb17e178481b65239258b91cf42d6a73a5d990/third_party/WebKit/LayoutTests/platform/linux/fast/text/ellipsis-at-edge-of-rtl-text-in-ltr-flow-expected.txt
[modify] https://crrev.com/9dbb17e178481b65239258b91cf42d6a73a5d990/third_party/WebKit/Source/core/layout/line/InlineTextBox.cpp

Still not fixed - the testcase https://output.jsbin.com/juveli/quiet still has "red texts"!
1. Instead of "..." sometimes shown ".."
2. DIV element wraps earlier then LI element while has the same element width
3. Text select part of the text colorizes in black while expected to be white
Project Member

Comment 7 by bugdroid1@chromium.org, Oct 3 2016

The following revision refers to this bug:
  https://chromium.googlesource.com/chromium/src.git/+/7170a86ce5572a2260e92c5522ffbc607a4e65a7

commit 7170a86ce5572a2260e92c5522ffbc607a4e65a7
Author: Rebaseline Bot <blink-rebaseline-bot@chromium.org>
Date: Mon Oct 03 23:33:09 2016

Auto-rebaseline for r422212

https://chromium.googlesource.com/chromium/src/+/9dbb17e17

BUG= 645938 
TBR=robhogan@gmail.com

Review URL: https://codereview.chromium.org/2391643003 .

Cr-Commit-Position: refs/heads/master@{#422597}

[modify] https://crrev.com/7170a86ce5572a2260e92c5522ffbc607a4e65a7/third_party/WebKit/LayoutTests/TestExpectations
[add] https://crrev.com/7170a86ce5572a2260e92c5522ffbc607a4e65a7/third_party/WebKit/LayoutTests/platform/mac-mac10.10/fast/text/ellipsis-at-edge-of-ltr-text-in-rtl-flow-expected.png
[add] https://crrev.com/7170a86ce5572a2260e92c5522ffbc607a4e65a7/third_party/WebKit/LayoutTests/platform/mac-mac10.10/fast/text/ellipsis-at-edge-of-rtl-text-in-ltr-flow-expected.png
[add] https://crrev.com/7170a86ce5572a2260e92c5522ffbc607a4e65a7/third_party/WebKit/LayoutTests/platform/mac-mac10.9/fast/text/ellipsis-at-edge-of-ltr-text-in-rtl-flow-expected.png
[add] https://crrev.com/7170a86ce5572a2260e92c5522ffbc607a4e65a7/third_party/WebKit/LayoutTests/platform/mac-mac10.9/fast/text/ellipsis-at-edge-of-rtl-text-in-ltr-flow-expected.png
[add] https://crrev.com/7170a86ce5572a2260e92c5522ffbc607a4e65a7/third_party/WebKit/LayoutTests/platform/mac/fast/text/ellipsis-at-edge-of-ltr-text-in-rtl-flow-expected.png
[add] https://crrev.com/7170a86ce5572a2260e92c5522ffbc607a4e65a7/third_party/WebKit/LayoutTests/platform/mac/fast/text/ellipsis-at-edge-of-ltr-text-in-rtl-flow-expected.txt
[add] https://crrev.com/7170a86ce5572a2260e92c5522ffbc607a4e65a7/third_party/WebKit/LayoutTests/platform/mac/fast/text/ellipsis-at-edge-of-rtl-text-in-ltr-flow-expected.png
[add] https://crrev.com/7170a86ce5572a2260e92c5522ffbc607a4e65a7/third_party/WebKit/LayoutTests/platform/mac/fast/text/ellipsis-at-edge-of-rtl-text-in-ltr-flow-expected.txt
[add] https://crrev.com/7170a86ce5572a2260e92c5522ffbc607a4e65a7/third_party/WebKit/LayoutTests/platform/win/fast/text/ellipsis-at-edge-of-ltr-text-in-rtl-flow-expected.png
[add] https://crrev.com/7170a86ce5572a2260e92c5522ffbc607a4e65a7/third_party/WebKit/LayoutTests/platform/win/fast/text/ellipsis-at-edge-of-ltr-text-in-rtl-flow-expected.txt
[add] https://crrev.com/7170a86ce5572a2260e92c5522ffbc607a4e65a7/third_party/WebKit/LayoutTests/platform/win/fast/text/ellipsis-at-edge-of-rtl-text-in-ltr-flow-expected.png
[add] https://crrev.com/7170a86ce5572a2260e92c5522ffbc607a4e65a7/third_party/WebKit/LayoutTests/platform/win/fast/text/ellipsis-at-edge-of-rtl-text-in-ltr-flow-expected.txt

Any reason why ellipsis wrapping differs on same width DIV and LI?
Test-case https://output.jsbin.com/juveli/quiet


wrap-ellipsis.png
35.6 KB View Download

Comment 9 by laukst...@gmail.com, Dec 14 2016

Here in https://output.jsbin.com/juveli/13/quiet you can compare DIV vs LI elements with Hebrew text ellipsis wrapping and see it behaviors differently while having the same width and height (has no padding or margins).
LI element without "list-style-type: none" causes needless space in right side of element and causes the ellipsis wrapping earlier then expected.

Testcase https://output.jsbin.com/tuxize/1/quiet

Works fine on other browsers. See the attachment of compartment between Chrome Canary 58.0.2992.1 and Firefox 50.1.

grabilla.em9520.png
193 KB View Download
Status: Fixed (was: Available)
Great to see you manage to fix this. Thanks!

Sign in to add a comment