Transaction nonce input is too small

[dirtycajunrice]

Describe the bug For the last 2 years atleast, users with more than 1000 nonce have had a subpar experience with editing transaction nonce as the input width is significantly too small. Additionally, on iOS it does not prompt the keyboard which is also annoying.

Screenshots

To Reproduce Steps to reproduce the behavior

1. Enable Edit Nonce
2. Create a transaction on a wallet with >= 1000 nonce
3. Click edit nonce
4. Observe the issue

Expected behavior For the input to grow appropriately within reason.

Smartphone (please complete the following information):

• Device: Any mobile device
• OS: Any mobile OS
• App Version - Any app version in the last 2 years

Assumed Problematic Code Areas and Potential Fixes

• Width Issue https://github.com/MetaMask/metamask-mobile/blob/88ee868a911b769959208f4d7733cb27e9403690/app/components/UI/CustomNonceModal/index.js#L45 Fix:

  - showSoftInputOnFocus={false}
  + showSoftInputOnFocus={true} 

• Keyboard Hidden Issue https://github.com/MetaMask/metamask-mobile/blob/88ee868a911b769959208f4d7733cb27e9403690/app/components/UI/CustomNonceModal/index.js#L164 Fix:

  - const createStyles = (colors) =>
  + const createStyles = (colors, nonce) =>
  ...
  - width: 80,
  + width: nonce.length * 25,
  + minWidth: 80,
  + maxWidth: 200,
  ...
  - const styles = createStyles(colors);
  + const styles = createStyles(colors, nonce);

---

to be added after bug submission by internal support / PM Severity

• How critical is the impact of this bug on a user?
• Add stats if available on % of customers impacted
• Is this visible to all users?
• Is this tech debt?

[github-actions[bot]]

This issue has been automatically marked as stale because it has not had recent activity in the last 90 days. It will be closed in 7 days. Thank you for your contributions.

[github-actions[bot]]

This issue was closed because there has been no follow activity in 7 days. If you feel this was closed in error please provide evidence on the current production app in a new issue or comment in the existing issue to a maintainer. Thank you for your contributions.

[seaona]

re-opening as this issue is still present

[sleepytanya]

Issue is still present v7.24.2