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)
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
Reporter | ||
Comment 1•7 years ago
|
||
Even if you apply the filter to an ancestor element, bug persists: body{ filter: grayscale(1); }
Updated•7 years ago
|
Component: Untriaged → Layout: Text
Product: Firefox → Core
Comment 2•7 years ago
|
||
Fwiw, the attached testcase works fine for me in Firefox 53 and Nightly 55 on Linux.
Keywords: testcase
Updated•7 years ago
|
Priority: -- → P3
Comment 3•7 years ago
|
||
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
Comment 4•7 years ago
|
||
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 | ||
Updated•7 years ago
|
Assignee: nobody → mstange
Status: NEW → ASSIGNED
Flags: needinfo?(mstange)
Priority: P3 → P1
Comment hidden (mozreview-request) |
Assignee | ||
Updated•7 years ago
|
status-firefox56:
--- → wontfix
status-firefox57:
--- → fix-optional
status-firefox58:
--- → affected
Component: Graphics → Layout: Web Painting
OS: Unspecified → All
Hardware: Unspecified → All
Comment 6•7 years ago
|
||
mozreview-review |
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
Comment 8•7 years ago
|
||
bugherder |
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.
Description
•