mistica-design
mistica-design copied to clipboard
OTP/Pin Field improvements
https://jira.tid.es/browse/DSNCORE-1352
Tasks
- [x] Update specs
- [ ] Update mobile library
- [ ] Update desktop library
- [ ] iOS ticket
- [ ] Android ticket
- [x] Web ticket
Describe the bug
On small screens the OTP/Pin Field is cut off. We will implement an improvement where fields that do not fit on the first line are moved down to a second line.
https://www.figma.com/design/e8d3PkXitUJ1Jwgc9Y3mNc/branch/BbJjamx1Re5ub9gOLp2XWp/%F0%9F%94%B8-Input-Fields-%26-Forms-Component-Specs?m=auto&t=LX1CJQm2gMIzUXBv-1
What libraries are you seeing the problem on?
No response
Steps to reproduce
https://mistica-web.vercel.app/playroom#?code=N4Igxg9gJgpiBcIA8AFAlgOwGJpgGygAI8YMBzAFwAsBeAHRADYHCMBDAWxnpAgoAcWbAE5o2AWjxsARvh4B5ACooWAegB8dDCAA0IajC4BnBAG0Q8gEwB9AHIwA7iAC6eh2ijUT8UwGZLAAw6AIwBlgAszgC%2BQA
Expected behavior
Fields that do not fit should be moved to a second line.