Closed Bug 1365528 Opened 8 years ago Closed 8 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
Status: ASSIGNED → RESOLVED
Closed: 8 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: