1112240 - Twitter "Tweet" button renders incorrectly when using background-color in CSS.

Status: RESOLVED INCOMPLETE

(Core :: Web Painting, defect)

Description

[klein.jae]

Attachment: issue.png

User Agent: Mozilla/5.0 (Windows NT 6.3; WOW64; rv:34.0) Gecko/20100101 Firefox/34.0
Build ID: 20141126041045

Steps to reproduce:

Place a social button from Twitter onto a div element that has a set background color.

for instance:
#container
{
background-color: red;
}

and:
<div id="content">
<a href="https://twitter.com/share" class="twitter-share-button">Tweet</a>
</div>


Actual results:

This causes the text within the button to render a white color, making reading the text inside it completely impossible. Only found this issue with Firefox Developer Edition Version 36.0a2

Image attached shows the issue


Expected results:

Text within the button should have the color #333
It's shown in the CSS viewer of dev tools, and isn't shown to be overridden, just does not render correctly.

Comment 1

[Loic]

Could you attach a minimal testcase, please.

Comment 2

[Justin [:JW_SoftvisionQA]]

I can not reproduce this bug. Please add a minimal test case as stated above for replication. I will close this bug for now.