mistica-design icon indicating copy to clipboard operation
mistica-design copied to clipboard

OTP/Pin Field improvements

Open HectorSancho opened this issue 10 months ago • 0 comments

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.

HectorSancho avatar Feb 04 '25 17:02 HectorSancho