Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Use updated Glyphicons to workaround old Android WebKit bug #10778

Merged
merged 4 commits into from
Sep 24, 2013

Conversation

cvrebert
Copy link
Collaborator

Fixes #10106.
There is a backwards-compatibility concern here, in that the codepoint changes will break stuff that uses the codepoints directly (e.g. entering one directly into HTML, using an &-escape to represent one in HTML, writing a custom .glyphicon-* equivalent, etc.), as opposed to our .glyphicon-* classes.
On the other hand, we didn't document the codepoint numbers or recommend usage of them, so they are arguably not part of our public "API".

(Note: I don't have an Android device of appropriate vintage, so I can't fully test this myself. But the changes make sense theoretically, and I have tested that the icons still display fine on unaffected browsers.)

Workaround an old Android WebKit bug by switching to codepoints within the BMP.
Details: http://stackoverflow.com/questions/9241519/webkit-css-content-unicode-bug
Extra special thanks to @jankovarik for doing this update. <3
Source: https://www.dropbox.com/s/clh9y6lqtmj01l8/halflings_updated_for_android.zip
(As posted in #10106 (comment) )
.glyphicon-briefcase: U+1F4BC -> U+E139
.glyphicon-calendar:  U+1F4C5 -> U+E109
.glyphicon-pushpin:   U+1F4CC -> U+E146
.glyphicon-paperclip: U+1F4CE -> U+E142
.glyphicon-camera:    U+1F4F7 -> U+E046
.glyphicon-lock:      U+1F512 -> U+E033
.glyphicon-bell:      U+1F514 -> U+E123
.glyphicon-bookmark:  U+1F516 -> U+E044
.glyphicon-fire:      U+1F525 -> U+E104
.glyphicon-wrench:    U+1F527 -> U+E136
@Tomas-M
Copy link

Tomas-M commented Sep 24, 2013

Excellent! These changes to bootstrap completely fix the issue on Android devices with broken webkit. Tested on Android 2.3.4 and on Android 4.0.3 (both have the webkit bug) and the workaround works perfectly, all icons are properly displayed after this commit is applied. Thanks to everybody for this!

@zeroasterisk
Copy link

I'll also test this, this week... thanks for getting this in there!

@mdo
Copy link
Member

mdo commented Sep 24, 2013

There's no backward compatibility issue here as far as I'm concerned. Looks like a straightforward bug fix.

:shipit:

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Wrong font icons on some devices
4 participants