fix: fixed issue where button is cutt off and keyboard aware scroll d…

[vinnyhoward]

Description

Changelog

CHANGELOG entry:

Related issues

Fixes: #21305

Manual testing steps

Feature: my feature name

  Scenario: user [verb for user action]
    Given [describe expected initial app state]

    When user [verb for user action]
    Then [describe expected outcome]

Screenshots/Recordings

Before

After

Pre-merge author checklist

• I’ve followed MetaMask Contributor Docs and MetaMask Mobile Coding Standards.
• I've completed the PR template to the best of my ability
• I’ve included tests if applicable
• I’ve documented my code using JSDoc format if applicable
• I’ve applied the right labels on the PR (see labeling guidelines). Not required for external contributors.

Pre-merge reviewer checklist

• I've manually tested the PR (e.g. pull and build branch, run the app, test code being changed).
• I confirm that this PR addresses all acceptance criteria described in the ticket it closes and includes the necessary testing evidence such as recordings and or screenshots.

---

Note

Prevents button cutoff by restructuring Add RPC/Block Explorer modals with sticky headers and keyboard-aware scrolling, and moves inline styles to a new styles file.

• UI/Settings – NetworkSettings:
  • Restructures Add RPC modal: sticky header, keyboard-aware scroll (extraScrollHeight), and scrollable content so the action button isn’t cut off.
  • Updates Add Block Explorer modal list to use scrollable content with selectable/deletable entries and an add button section.
• Styling:
  • Extracts inline StyleSheet into index.styles.js and imports createStyles.
  • Adjusts sheet sizing (e.g., sheetRpcForm height) and adds layout helpers (container, scrollViewContent, scrollableBox).
• Cleanup:
  • Removes unused imports and consolidates style-related logic out of index.js.

^{Written by Cursor Bugbot for commit e39e367. This will update automatically on new commits. Configure here.}

[github-actions]

CLA Signature Action: All authors have signed the CLA. You may need to manually re-run the blocking PR check if it doesn't pass in a few minutes.

[cursor]

Bug: ScrollView Content Styling Regression

The scrollViewContent style changed from paddingBottom: 16 to height: '100%'. This removes essential bottom padding, which can cause content, like the "Add RPC" button, to be cut off and prevents proper scrolling. This change appears to regress the button cutoff issue the PR aimed to fix.

 

[cursor]

Bug: RPC Form Modal Content Padding Issue

The RPC form modal's KeyboardAwareScrollView content no longer uses the SafeAreaView wrapper with styles.rpcMenu. This removes essential horizontal padding, causing form inputs and labels to extend to the screen edges and potentially misaligning content on notched devices.

 

[sonarqubecloud]

Quality Gate passed

Issues
0 New issues
0 Accepted issues

Measures
0 Security Hotspots
100.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarQube Cloud