Browser support review

[AlanSl]

Currently supported:

• Chrome (desktop)

  • [ ] [medium] On Windows, an empty scroll bar is visible inside the Recommendations summary text
  • [ ] [minor] On Mac, white-on-cyan 'RECOMMENDATIONS' text doesn't have improved Mac anti-aliasing like other light-on-dark text (this has been applied automatically on Safari)

• Firefox (desktop)

  • [ ] [minor] On Mac, colours appear slightly washed out compared to same colours in Chrome

May become supported in future

• MS Edge (Windows 10)

  • [ ] [breaking] Error breaks everything: Object doesn't support property or method 'Symbol.iterator (version 42.17134.1.0)
  • [ ] [unclear] Security error 5022, but only in profiles uploaded to the server; and it doesn't seem to stop anything working
  • [ ] [minor] Various console warnings about SVG properties in both logos (self-closing elements, <? version def elements, doctype within embedded svg)

• Safari 11 (Mac)

  • [ ] [minor] Same empty scrollbar issue as Chrome (but most Safari users have scrollbars set to invisible as per system default)

• Safari (iOS)

  • [ ] Need to borrow a device

• Chrome (Android)

  • [x] No specific problems

• Firefox (Android)

  • [x] No specific problems

• Opera shows same as Chrome