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