There are some styling issues with IE8.
We have to list them here more precisely and fix those.
This ticket was originally larger - but we split off the JS issues here: https://phabricator.wikimedia.org/T126052
| • JGirault | |
| Feb 2 2016, 7:30 PM |
| F3330688: Screen Shot 2016-02-10 at 7.51.34 PM.png | |
| Feb 10 2016, 7:07 PM |
| F3330709: Screen Shot 2016-02-10 at 8.00.47 PM.png | |
| Feb 10 2016, 7:07 PM |
| F3330717: Screen Shot 2016-02-10 at 2.39.19 PM.png | |
| Feb 10 2016, 7:07 PM |
| F3330692: Screen Shot 2016-02-10 at 7.54.31 PM.png | |
| Feb 10 2016, 7:07 PM |
| F3330724: Screen Shot 2016-02-10 at 8.04.32 PM.png | |
| Feb 10 2016, 7:07 PM |
| F3330698: Screen Shot 2016-02-10 at 2.13.39 PM.png | |
| Feb 10 2016, 7:07 PM |
| F3330714: Screen Shot 2016-02-10 at 8.01.46 PM.png | |
| Feb 10 2016, 7:07 PM |
| F3330728: Screen Shot 2016-02-10 at 8.06.05 PM.png | |
| Feb 10 2016, 7:07 PM |
There are some styling issues with IE8.
We have to list them here more precisely and fix those.
This ticket was originally larger - but we split off the JS issues here: https://phabricator.wikimedia.org/T126052
| Status | Subtype | Assigned | Task | ||
|---|---|---|---|---|---|
| Resolved | Jdrewniak | T126052 Cross-browser support for IE - JS fixes | |||
| Resolved | • debt | T125472 EPIC: Release to Production: Prominent Search Box with type-ahead (metadata/images in search results) | |||
| Resolved | Jdrewniak | T125566 Cross-browser support - styling |
screenshots!
| android 4, pretty good | android 2.3, shockingly still works | iOS 3, still using an original iPhone? good luck. |
| IE7 pretty bad | IE8 slightly off | Windows Phone 8.1, no worries here |
.
Notes:
CSS wise there are some spacing issues between the search input and search button on older androids,
IE7 doesn't look right at all, but that should be served without JS.
The biggest challenge I see on this front is implementing some sort of feature detection to serve JS to the devices
that support the features we use.
Hi @Jdrewniak, I have a card (T124827) in the Analysis project that will help to address the issue of how much the older browsers are used.
Hopefully, there isn't a majority of use on those older browsers and with the upcoming analysis, we can effectively block JS from going to them.
Change 269673 had a related patch set uploaded (by Jdrewniak):
Improving cross-browser CSS - Adding autoprefixer - fixing a templating bug in typehead
Just so everyone doesn't have to click through browserstack like I did:
| IE6, let's be real here... | IE 7, CSS ok, no JS | IE 8, works |
| iOS 3, works | Android 2.3, works | Windows Phone 8.1 ,works |
| Safari 5, works | Firefox 10, works | Opera 12, works |
It seems that the recent changes (due to UI standards) have broken styling a little. We should check all these devices again.
Change 269673 merged by jenkins-bot:
Improving cross-browser CSS - Adding autoprefixer - fixing a templating bug in typehead - disabling javascript in IE6