Closed Bug 1365528 Opened 7 years ago Closed 7 years ago

`text-overflow: ellipsis` renders garbled [was: does not apply] ellipsis with any "filter" style

Categories

(Core :: Web Painting, defect, P1)

50 Branch
defect

Tracking

()

RESOLVED FIXED
mozilla58
Tracking Status
firefox56 --- wontfix
firefox57 --- fix-optional
firefox58 --- fixed

People

(Reporter: vsync.design, Assigned: mstange)

Details

(Keywords: testcase)

Attachments

(3 files)

User Agent: Mozilla/5.0 (Windows NT 6.1; Win64; x64; rv:50.0) Gecko/20100101 Firefox/50.0
Build ID: 20161208153507

Steps to reproduce:

demo - http://jsbin.com/bomijapobe/edit?html,css,output

Create any element with a long enough text inside it.

style the element with basic standard ellipsis CSS:

{ 
    text-overflow: ellipsis; 
    overflow: hidden; 
    white-space: nowrap;
    width: 50%; 
}

Give the element a filter of any kind

{ filter: grayscale(1); }





Actual results:

ellipsis disappears when filter is applied.


Expected results:

filter should have been applied and ellipsis remaining
Even if you apply the filter to an ancestor element, bug persists:

body{ filter: grayscale(1); }
Component: Untriaged → Layout: Text
Product: Firefox → Core
Fwiw, the attached testcase works fine for me in Firefox 53 and Nightly 55 on Linux.
Keywords: testcase
Priority: -- → P3
I just tried the testcase here in Nightly 58 on macOS, and the text-overflow ellipsis does appear -- but its rendering is pretty badly garbled by the filter, apparently. Which seems more like a Graphics than Layout:Text issue at this point... Markus, ISTR you know something about filters, can you take a look?
Status: UNCONFIRMED → NEW
Component: Layout: Text → Graphics
Ever confirmed: true
Flags: needinfo?(mstange)
Summary: `text-overflow: ellipsis` does not apply ellipsis with any "filter" style → `text-overflow: ellipsis` renders garbled [was: does not apply] ellipsis with any "filter" style
Here's what it looks like for me. Note that disabling the filter leaves the ellipsis looking just fine; and an ellipsis character within the actual text (rather than added by text-overflow) also looks fine (even with the filter).
Assignee: nobody → mstange
Status: NEW → ASSIGNED
Flags: needinfo?(mstange)
Priority: P3 → P1
Component: Graphics → Layout: Web Painting
OS: Unspecified → All
Hardware: Unspecified → All
Comment on attachment 8920675 [details]
Bug 1365528 - Respect mDisableSubpixelAA on nsDisplayTextOverflowMarker items.

https://reviewboard.mozilla.org/r/191676/#review196900
Attachment #8920675 - Flags: review?(matt.woodrow) → review+
Pushed by mstange@themasta.com:
https://hg.mozilla.org/integration/autoland/rev/b1db434bfcf1
Respect mDisableSubpixelAA on nsDisplayTextOverflowMarker items. r=mattwoodrow
https://hg.mozilla.org/mozilla-central/rev/b1db434bfcf1
Status: ASSIGNED → RESOLVED
Closed: 7 years ago
Resolution: --- → FIXED
Target Milestone: --- → mozilla58
You need to log in before you can comment on or make changes to this bug.

Attachment

General

Creator:
Created:
Updated:
Size: