search

rgpages / election-2014-general

2014 general election coverage for Lane County, Oregon; developed and curated by The Register-Guard.
http://vote.registerguard.com
0 stars 2 forks source link

Cross browser test #35

Open robertdenton opened 10 years ago

robertdenton commented 10 years ago

Need to cross browser test when we have a working version up and at 'em. Most used mobile devices are iPhone (36%), Samsung Galaxy series (~5%) and Motorola Razr (~2%).

Things to look at:

robertdenton commented 10 years ago

Prelim round on Wed before only turned up one big issue. On IE the state races and measures modules displayed the percentages below the bar.

screen shot 2014-10-29 at 12 24 14 pm

Solution: get rid of text-align:right; on .poll .poll-bar .poll-bar-votes. From what I can tell, getting rid of it doesn't effect anything.

Update:

This appears to happen in all IE browsers.

With text-align right: screen shot 2014-11-03 at 3 43 07 pm

Without text-align right: screen shot 2014-11-03 at 3 43 29 pm

robertdenton commented 9 years ago

No longer relevant

iPhone 5s on Mobile Chrome browser.

![img_0302](https://cloud.githubusercontent.com/assets/4853944/4892307/de25a0ac-63b0-11e4-9316-cfb05ed2e9a1.PNG)

![img_0303](https://cloud.githubusercontent.com/assets/4853944/4892308/dfb66870-63b0-11e4-9ce8-adbb32c4c43a.PNG)

robertdenton commented 9 years ago

Android mobile

Not loading JS

So... This could be not fun. Anything 4.2 and lower doesn't seem to load the JS content. Could be a $(document).ready not firing or something. 4.3 and up works fine on HTC One M8, Google Nexus 5 and Samsung Galaxy S4 and S5. For the record, Galaxy is the most used phone on our website (non-Apple).

Motorola Razr doesn't work because the highest level is 4.1. Additionally, Google Nexus 4, HTC One X, and Samsung Galaxy S3 and below don't work.

Note: Android tablets respond similarly.

Top races styling

screen shot 2014-11-03 at 5 40 00 pm

mhulse commented 9 years ago

Prelim round on Wed before only turned up one big issue. On IE the state races and measures modules displayed the percentages below the bar.

I ended up removing the text-align: right. There's no easy way to target "all" IE browsers in one easy CSS hack. Lame. Oh well.

If I have time later, I'll write a quick JS for head that would add an IE class to the html element.

mhulse commented 9 years ago

Android mobile Not loading JS

I found a bug with my JS. That could have been the root of problem. Will have to re-test now that it's fixed.

mhulse commented 9 years ago

Mobile top stories

Styles have been updated. Should look better now. Need to re-check to confirm.

jheasly commented 9 years ago

Just for the record, JavaScript parts don't load on IE 9, which, if my math is right, is only 3.1% of our traffic — 16.8% (v. 9) of 18.48% (IE) — according to Google Analytics, so I think that's something we can live with!

mhulse commented 9 years ago

Interesting. Damn IEs. I'll dtill check it out. Could be an easy fix. Thanks for report.