Page MenuHomePhabricator

Add a numeric input control for TOTP codes
ClosedPublic

Authored by epriestley on Jul 23 2016, 8:30 PM.
Tags
None
Referenced Files
Unknown Object (File)
Sat, Jan 11, 11:49 PM
Unknown Object (File)
Sat, Dec 28, 1:44 AM
Unknown Object (File)
Dec 17 2024, 6:17 AM
Unknown Object (File)
Dec 17 2024, 4:43 AM
Unknown Object (File)
Dec 7 2024, 4:27 PM
Unknown Object (File)
Nov 28 2024, 10:14 AM
Unknown Object (File)
Nov 25 2024, 2:22 PM
Unknown Object (File)
Nov 19 2024, 11:40 AM
Subscribers
None

Details

Summary

Fixes T11365. I tested these variants:

  • <input type="number" />
  • <input type="text" pattern="\d*" />

Of these, this one (using pattern) appears to have the best behavior: it shows the correct keyboard on iOS mobile and does nothing on desktops.

Using type="number" causes unwanted sub-controls to appear in desktop Safari, and a numbers + symbols keyboard to appear on iOS (presumably so users can type "." and "-" and maybe ",").

Test Plan

Tested variants in desktop browsers and iOS simulator, see here and T11365 for discussion.

Diff Detail

Repository
rP Phabricator
Branch
input1
Lint
Lint Passed
Unit
Tests Passed
Build Status
Buildable 13125
Build 16791: Run Core Tests
Build 16790: arc lint + arc unit

Event Timeline

epriestley retitled this revision from to Add a numeric input control for TOTP codes.
epriestley updated this object.
epriestley edited the test plan for this revision. (Show Details)
epriestley added a reviewer: chad.
chad edited edge metadata.
This revision is now accepted and ready to land.Jul 23 2016, 10:37 PM
This revision was automatically updated to reflect the committed changes.