Editor Icon Missing

[nilshoerrmann]

I don't see the icon in Chrome: Version 36.0.1985.125 on OSX Mavericks
I see the icon in: Firefox v30
I don't see the icon in: Safari 7.0.5 (9537.77.4)

See #16.

Reference how it should look like:

[nilshoerrmann]

Strange thing: the icons display correctly here using the same browsers on the same OS.

[andrewminton]

Hi :)

Anything else you can thing it may be?

[nilshoerrmann]

Maybe something's wrong with the SVG file.

[andrewminton]

Opens fine here.. Mac and PC.

[nilshoerrmann]

Does the inspector highlight any issues?
Something related to background positioning or another rule that overrides the background property?

[andrewminton]

This is the only thing I see as may be causing an issue? styles overriding it?

[nilshoerrmann]

Which rule is overriding the background-position?

[andrewminton]

media="screen" .field[data-editor^='aui-editor'] .multi .item { padding-left: 1.3rem; background-position: 1rem center; }

[andrewminton]

Weirdly though, disabling these overriding rules has no effect :(

Also don't understand why Safari is experiencing the same issue too.

[nilshoerrmann]

Does this help somehow?
http://css-tricks.com/snippets/htaccess/serve-svg-correct-content-type/

[andrewminton]

That's what I was just lookng at.. mime type of text/xml.. I'll add that HTACCESS and check now.

[andrewminton]

Bingo! that did it.

[nilshoerrmann]

Great! So we should add a note about that problem to the readme (#15).

[andrewminton]

Yep! good idea.

It didn't make a difference in Safari at the moment.. will do a cache refresh and test some more.. but Chrome is fine.

[andrewminton]

Safari fine now too after a cache refresh.

[andrewminton]

Case closed?

[nilshoerrmann]

Kind of, yes. Thanks for debugging this!