fix: Avoid autocapitalize keyboard for instance name (#1653)

* fix: Avoid autocapitalize keyboard for instance name

On iOS Safari (possibly other browsers as well), auto-capitalization is enabled
even for input fields with inputmode=url.

In my testing, the inputmode attribute is working supported and working (in so
far that iOS does consider it and and provides me a keyboard optimised for URL
inputs, with quick buttons for slash and .com etc).

The autocapitalize is supported on Safari, per:
https://developer.apple.com/library/archive/documentation/AppleApplications/Reference/SafariHTMLRef/Articles/Attributes.html#//apple_ref/doc/uid/TP40008058-autocapitalize

Fixes https://github.com/nolanlawson/pinafore/issues/1652.

* fix: Avoid spell check on Instance name field

Checking of spelling and grammar and automatic corrections thereof
are likely unwanted when entering the instance domain/URL.
This commit is contained in:
Timo Tijhof 2019-11-24 02:42:38 -05:00 committed by Nolan Lawson
parent cbbf5abd7a
commit 9ce900c767

View file

@ -25,7 +25,7 @@
</noscript>
<label for="instanceInput">Instance:</label>
<input type="text" inputmode="url" id="instanceInput"
<input type="text" inputmode="url" autocapitalize="none" spellcheck="false" id="instanceInput"
bind:value='$instanceNameInSearch' placeholder="Enter instance name" required
>
<button class="primary" type="submit" id="submitButton"