Broken magnifying glass on search box

[meshy]

Browser: Firefox 45.0 OS: Manjaro (Arch) Linux

This unicode char is supposed to be a left-pointing magnifying glass (U+1F50D), but the unicode symbols are not globally accepted. Perhaps this would make more sense as an SVG?

[sylvinus]

Thanks for reporting! Are there easy solutions to detect SVG support and have a proper fallback to image? We could do this with the logo too by the way ;)

[meshy]

Thanks for reporting!

My pleasure -- this looks like a very interesting project :)

Are there easy solutions to detect SVG support and have a proper fallback to image?

It looks as though modernizr supports this. I don't know the details of how the detection works, sorry.

I don't know if it's worth it though -- as far as I as aware the vast majority of browsers now support SVG (the exception being IE8, which MS no longer support).

We could do this with the logo too by the way ;)

Sounds like a good idea to me :)

[sylvinus]

This looks like the most promising way to do it: https://css-tricks.com/a-complete-guide-to-svg-fallbacks/#fallback-inline-svg-text

[meshy]

That looks like a really good resource. I've personally used the inline svg it mentions there recently, but I can't remember what broswer I was targetting.

Is there a formal definition of the browsers that commonsearch intends to support? That would probably help us to select the correct solution.

[sylvinus]

@meshy you're very right. I'm going to write some more docs to be a little more explicit about the requirements! There are some here: https://about.commonsearch.org/developer/frontend but they should be expanded.