Timeline for Stack Overflow logo in new footer is red on Meta and blue on Main with Edge
Current License: CC BY-SA 3.0
17 events
when toggle format | what | by | license | comment | |
---|---|---|---|---|---|
Jun 29, 2017 at 10:45 | comment | added | Cody Gray Mod | That was not a good bet, @Philly. There are still people using IE 6. | |
Jun 28, 2017 at 22:23 | comment | added | PhillyNJ | I lost a bet. I bet no one was using edge. Thanks bro. | |
Jun 28, 2017 at 21:50 | vote | accept | Heretic Monkey | ||
Jun 28, 2017 at 21:49 | answer | added | OdedStaffMod | timeline score: 4 | |
Jun 28, 2017 at 21:48 | history | edited | OdedStaffMod |
edited tags
|
|
Jun 28, 2017 at 17:52 | comment | added | Heretic Monkey | Well, I added "Feedback" via Microsoft's Feedback Hub: aka.ms/Mk13o7, as that seems to be their preferred method. We'll see what happens. | |
Jun 28, 2017 at 17:07 | history | edited | PawełStaff |
edited tags
|
|
Jun 28, 2017 at 17:07 | comment | added | Paweł Staff | Interesting - I've seen this bug long time ago when I was working on footer and I was pretty sure I fixed it (it actually still works on my MS Edge 38.14393.1066.0 - which seems to be older than yours). i fixed the issue because my version of Edge was case sensitive but only for value.. According to your investigation it seems like newer Edge is also case-sensitive for attributes name.. Anyway, I will take a closer look at this. I just need to find someone (around) using Edge.... | |
Jun 28, 2017 at 16:34 | comment | added | animuson StaffMod | Heh leave it to Edge. I suppose an easy fix that doesn't break anything for anyone else is to just lower-case those attributes in our SVG. (Though this really should be reported to Edge because that's not how it should work.) | |
Jun 28, 2017 at 16:22 | comment | added | Heretic Monkey |
@animuson Looks like Edge is being case-sensitive with the attribute name: document.querySelectorAll('.s-footer._short .-logo path[fill="#222426"]') returns an empty NodeList, but document.querySelectorAll('.s-footer._short .-logo path[FILL="#222426"]') returns a NodeList with the correct element...
|
|
Jun 28, 2017 at 16:17 | comment | added | animuson StaffMod |
@MikeMcCaughan Looking into it more, it seems to be a problem with their attribute selector or fill property. E.g. these are all being ignored by Edge, but applied by other browsers: .s-footer._short .-logo path[fill="#222426"]{fill:#0C0D0E}.s-footer._short .-logo path[fill="#bcbbbb"],.s-footer._short .-logo path[fill="#BCBBBB"]{fill:#BCBBBB}.s-footer._short .-logo path[fill="#f48024"],.s-footer._short .-logo path[fill="#F48024"]{fill:#F48024}
|
|
Jun 28, 2017 at 16:17 | comment | added | Heretic Monkey | Thanks @animuson I didn't realize that was an issue with Edge. Good to know. If it's not already an issue on their bug tracker thing I'll add it. | |
Jun 28, 2017 at 16:09 | comment | added | Shog9 Mod | No way, @Dragomok. IE-compliant hacks are fast becoming a thing of the past. We call them "Edge-cases" now. | |
Jun 28, 2017 at 16:07 | comment | added | Dragomok | And here I was naively starting to think the tyranny of Microsoft's browsers breaking web standards, and forcing everyone to come up with IE-compliant hacks and contingencies, came to an end... | |
Jun 28, 2017 at 16:07 | comment | added | Shog9 Mod | Don't feel bad; there are 8 other people who also use Edge. | |
Jun 28, 2017 at 16:00 | comment | added | animuson StaffMod | Really nothing we can do about that. Edge is blatantly ignoring the fill values in the SVG. That's completely a problem with the browser. | |
Jun 28, 2017 at 15:58 | history | asked | Heretic Monkey | CC BY-SA 3.0 |