noizwaves / bootstrap-social-buttons

Social media button styles for Twitter Bootstrap
Other
323 stars 106 forks source link

Buttons not visible on ubuntu Chrome. #5

Closed irla closed 10 years ago

irla commented 10 years ago

HI, really nice buttons. I wonder why they are not displying correctly on google chrome Version 29.0.1547.65, Operating system Ubuntu 13.04 - Works perfectly on Firefox.

Screenshot attached: image

noizwaves commented 10 years ago

Thanks for reporting this! I don't have a local 13.04 machine setup right now, but I'll spin one up soon and try to replicate.

I was unable to replicate this in Chrome on a 12.04.2 Ubuntu machine.

irla commented 10 years ago

I just checked it again. My chrome updated to version 29.0.1547.76 - now main page of social buttons looks like this:

image

Looks like very specific configuration problem. Maybe we should wait for next chrome update...

noizwaves commented 10 years ago

Very strange indeed. I'm suspicious about the missing Facebook and Twitter example buttons. Are you able inspect the DOM to see where they've gone?

screen shot 2013-09-24 at 4 12 23 pm

irla commented 10 years ago

Looks like bug in Chrome to me. image

noizwaves commented 10 years ago

Intriguing. I'll see what I can find out.

irla commented 10 years ago

What can be interesting. Chrome css says it has display set to 'none'.

image

I think we can wait for next Chrome releases and see what will happened. They improved how page is displayed between 29.0.1547.65 and 29.0.1547.76 ;)

Belar commented 10 years ago

Encountered the same error with Facebook and Twitter buttons and diagnosed possible naming collision. Funny thing only these 2 buttons were affected.

When changed "facebook" to "fb" and "twitter" to "twr" in CSS (social-buttons-3.css), style is loaded correctly for: <button class="btn btn-fb"><i class="icon-facebook"></i> | Connect with Facebook</button> <button class="btn btn-twr"><i class="icon-twitter"></i> | Connect with Twitter</button> Name change in font-awesome would probably fix icons.

Solution: Turn off AdBlock Plus :D

noizwaves commented 10 years ago

Haha, this oddly makes sense!

Just build a fresh Ubuntu 13.04 machine with full updates and latest Chrome, and the buttons are all visible this end.

Once Adblock Plus is installed and the 'Remove Social Media Buttons' option is enabled, the buttons disappear on page refresh.

I imagine some Adblock users would consider these buttons to be comparable Facebook and Twitter buttons, and thus want them blocked; so respecting Adblock's rules makes sense. On the other hand, having these key buttons removed by the extension seriously breaks the UX of websites developed with Social Buttons.

irla commented 10 years ago

Ha, simple and great solution.

I even didn't remember I have blocked it. Anyway I will not unblock it - I really don't like this facebook contents on web pages. I think there are couple nerds on the world which also blocks it - so I will just change the class names on page where I will use it.

Thank you very much - great job!

Belar commented 10 years ago

Yeah, class change does the trick. Adblock users will have to deal with no icons version of a button. Bug busted tho :D.

noizwaves commented 10 years ago

Cause of missing styles identified. Closing this bug.