1315637 - text-indent:-1000000px with filter: grayscale(100%); makes the site content invisible

Status: RESOLVED DUPLICATE of bug 1336480

(Core :: Web Painting, defect)

Description

[vlad.ilin]

User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.11; rv:49.0) Gecko/20100101 Firefox/49.0
Build ID: 20161019084923

Steps to reproduce:

text-indent:-1000000px with filter: grayscale(100%); makes the site content invisible in any firefox


Actual results:

site is blank


Expected results:

site is black and white

Comment 1

[Justin [:JW_SoftvisionQA]]

Can you please provide a link to the site or a minimal test case?

Comment 2

[vlad.ilin]

Sorry for the delay I had to re-create the page.

Please see http://talaadthai.com/thai/rob1

I this page I added 
<style type="text/css">
.icon_th, .icon_ch, .icon_en, .icon_fb { text-indent: -1500000px;}
</style>

If you disable this function, the page will come back (I set -1500px in the regular style sheet)

Comment 3

[vlad.ilin]

(In reply to Justin [:JW_SoftvisionQA] from comment #1)
> Can you please provide a link to the site or a minimal test case?

Sorry for the delay I had to re-create the page.

Please see http://talaadthai.com/thai/rob1

I this page I added 
<style type="text/css">
.icon_th, .icon_ch, .icon_en, .icon_fb { text-indent: -1500000px;}
</style>

If you disable this function, the page will come back (I set -1500px in the regular style sheet)

Comment 4

[Justin [:JW_SoftvisionQA]]

I can confirm this issue on Mozilla/5.0 (Windows NT 6.3; WOW64; rv:53.0) Gecko/20100101 Firefox/53.0

The page renders black but shows fine on Chrome and IE.