<div dir="ltr"><div>> I expect to load the content in the webview in the background, and then
show when the page has been painted. I tried showing the webview during
load, but the latency is pretty bad -- between a 4 to 10 count on YVR
office WiFi. Usually I would use "load", but I'm seeing that "load" is
not valuable because the content server XHRs (?) localization.
Therefore, I need an "I'm painted" event, or some similar message.<br><br></div><div>This is pretty easy to do.<br></div><br><div>> * set <meta viewport><br>> - don't allow horizontal scroll at all<br>> - don't allow pinch to zoom<br><br></div>We currently have `<meta name="viewport" content=width=device-width">`<br><br>Pinch to zoom is an accessibility feature [1][2] that I'm hesitant to globally disable since it would negatively impact already marginalized users. Is there a system level zoom to compensate? If so, could we disable pinch to zoom only for users viewing FxA from within the Fx for iOS web view?<br><div><br>> * Prevent autocompletion when password field is "shown" (plaintext)<br><br></div><div>This should already be the case [3][4].<br></div><div><br>> * Investigate two stage JavaScript loading to reduce initial load time<br><br>Issue already open[5], no concrete strategies yet suggested in the bug.<br><br>* Document behaviour around cookies and localStorage<br><br></div><div>Related Issue: [6]<br></div><div><br><br>[1] - <a href="http://www.bbc.co.uk/guidelines/futuremedia/accessibility/mobile/design/zoom">http://www.bbc.co.uk/guidelines/futuremedia/accessibility/mobile/design/zoom</a><br>[2] - <a href="http://www.iheni.com/mobile-accessibility-tip-dont-suppress-pinch-zoom/">http://www.iheni.com/mobile-accessibility-tip-dont-suppress-pinch-zoom/</a><br>[3] - <a href="https://github.com/mozilla/fxa-content-server/issues/1788#issuecomment-66847005">https://github.com/mozilla/fxa-content-server/issues/1788#issuecomment-66847005</a><br>[4] - <a href="https://github.com/mozilla/fxa-content-server/pull/1989">https://github.com/mozilla/fxa-content-server/pull/1989</a><br>[5] - <a href="https://github.com/mozilla/fxa-content-server/issues/1461">https://github.com/mozilla/fxa-content-server/issues/1461</a><br>[6] - <a href="https://github.com/mozilla/fxa-content-server/issues/1833">https://github.com/mozilla/fxa-content-server/issues/1833</a><br></div><div class="gmail_extra"><br><div class="gmail_quote">On Fri, Jan 23, 2015 at 10:02 PM, Christopher Karlof <span dir="ltr"><<a href="mailto:ckarlof@mozilla.com" target="_blank">ckarlof@mozilla.com</a>></span> wrote:<br><blockquote class="gmail_quote" style="margin:0px 0px 0px 0.8ex;border-left:1px solid rgb(204,204,204);padding-left:1ex"><div dir="ltr">Thanks Nick!<div><br></div><div>Could you create Github issues for each of these in the content server repo and we can discuss each of them there?</div><div><br></div><div>-chris</div><div><br></div></div><div class="gmail_extra"><br><div class="gmail_quote"><div><div class="h5">On Fri, Jan 23, 2015 at 11:38 AM, Nicholas Alexander <span dir="ltr"><<a href="mailto:nalexander@mozilla.com" target="_blank">nalexander@mozilla.com</a>></span> wrote:<br></div></div><blockquote class="gmail_quote" style="margin:0px 0px 0px 0.8ex;border-left:1px solid rgb(204,204,204);padding-left:1ex"><div><div class="h5"><div dir="ltr"><div><div><div>Hi dev-fxacct,<br><br></div>Context: I have been evaluating using an embedded WKWebView to sign in to a Firefox Account for Sync as part of Firefox iOS. I met with shane, zaach, vladikoff, and ckarlof a few weeks ago for preliminary discussions.<br><br></div>tl;dr: it basically works and looks pretty good.<br><br>I have a preliminary set of asks that I would like comments on. I originally put them in the etherpad [1], but perhaps we can try for discussion here first, and then move to github issues as things become more clear.<br><br>* postMessage after the localization resources are fetched<br>I expect to load the content in the webview in the background, and then show when the page has been painted. I tried showing the webview during load, but the latency is pretty bad -- between a 4 to 10 count on YVR office WiFi. Usually I would use "load", but I'm seeing that "load" is not valuable because the content server XHRs (?) localization. Therefore, I need an "I'm painted" event, or some similar message.<br><br>* set <meta viewport><br>- don't allow horizontal scroll at all<br>- don't allow pinch to zoom<br><br></div>* I want to tighten things up for phones:<br>- remove shadow frame for phones<br>- remove Firefox icon animated drop down (saves space, a resource fetch, and it's not going to be visible due to staged loading described above)<br>- remove Mozilla wordmark from top right corner entirely<br>- tighten font size and vertical spacing for phones -- it's too big even on my iPad mini (7")<br><br>* Prevent autocompletion when password field is "shown" (plaintext)<br><br>* Investigate two stage JavaScript loading to reduce initial load time<br><div><br>* Document behaviour around cookies and localStorage<br></div><div>I'm having trouble understanding when the user is "known". Sometimes the email address is filled and "Use different account" is shown. We don't have fine-grained control of the Browsing Context in our embedding webview, and I'm not sure how much we want to share the context with the principle browser context. Understanding this would help.<br><br></div><div>Comments, UX feedback, or links to github issues would be appreciated.<br></div><div><br></div><div>Yours,<br>Nick<br><div><div><div><br>[1] <a href="https://id.etherpad.mozilla.org/fxa-content-server-on-ios" target="_blank">https://id.etherpad.mozilla.org/fxa-content-server-on-ios</a><br></div></div></div></div></div>
<br></div></div>_______________________________________________<br>
Dev-fxacct mailing list<br>
<a href="mailto:Dev-fxacct@mozilla.org" target="_blank">Dev-fxacct@mozilla.org</a><br>
<a href="https://mail.mozilla.org/listinfo/dev-fxacct" target="_blank">https://mail.mozilla.org/listinfo/dev-fxacct</a><br>
<br></blockquote></div><br></div>
<br>_______________________________________________<br>
Dev-fxacct mailing list<br>
<a href="mailto:Dev-fxacct@mozilla.org">Dev-fxacct@mozilla.org</a><br>
<a href="https://mail.mozilla.org/listinfo/dev-fxacct" target="_blank">https://mail.mozilla.org/listinfo/dev-fxacct</a><br>
<br></blockquote></div><br></div></div>