Skip to content

fix(25760): prevent Ledger connect image from being cut off on iOS cp-7.70.0#26783

Merged
Olivier-BB merged 8 commits into
mainfrom
fix/25760-ledger-icon-cutoff
Mar 16, 2026
Merged

fix(25760): prevent Ledger connect image from being cut off on iOS cp-7.70.0#26783
Olivier-BB merged 8 commits into
mainfrom
fix/25760-ledger-icon-cutoff

Conversation

@Olivier-BB

@Olivier-BB Olivier-BB commented Mar 2, 2026

Copy link
Copy Markdown
Contributor

Description

On iOS, the Ledger connect illustration was cut off when opening the Ledger flow after the keyboard had been shown (e.g. search in Explore, then back). Removed overflow: 'visible' from the cover image style so the layout no longer gets clipped. Also fixed a typo in LedgerSelectAccount: style-=style= so the selector container gets its styles.

Changelog

CHANGELOG entry: Fixed Ledger connect screen image being cut off on iOS after using the keyboard.

Related issues

Fixes: #25760

Manual testing steps

Feature: Ledger connect screen

Scenario: user opens Ledger connect after using keyboard
Given the app is open and user has been to Explore and opened the search keyboard then navigated back

When user starts connecting a Ledger device
Then the Ledger connect illustration is fully visible (not cut off)

Note

Low Risk
Low risk, UI-only style tweaks plus a snapshot update; potential impact is limited to Ledger connect/select-account screen layout across devices.

Overview
Prevents the Ledger connect illustration from being clipped (notably on iOS after keyboard interactions) by removing overflow: 'visible' from the LedgerConnect cover image styling, and updates the Jest snapshot accordingly.

Adjusts LedgerSelectAccount layout by removing flex: 1 from selectorContainer to ensure the selector section sizes/positions correctly.

Written by Cursor Bugbot for commit d6b0203. This will update automatically on new commits. Configure here.

@github-actions

github-actions Bot commented Mar 2, 2026

Copy link
Copy Markdown
Contributor

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.

@metamaskbot metamaskbot added the INVALID-PR-TEMPLATE PR's body doesn't match template label Mar 2, 2026
@Olivier-BB

Copy link
Copy Markdown
Contributor Author

I have read the CLA Document and I hereby sign the CLA

@Olivier-BB Olivier-BB requested a review from dawnseeker8 March 3, 2026 07:36
@Olivier-BB Olivier-BB self-assigned this Mar 3, 2026
@Olivier-BB Olivier-BB force-pushed the fix/25760-ledger-icon-cutoff branch from bddcefc to cdfded9 Compare March 3, 2026 08:26
Comment thread app/components/Views/LedgerConnect/index.styles.ts Outdated
@metamaskbot metamaskbot requested a review from a team as a code owner March 3, 2026 10:01

@cursor cursor Bot left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Cursor Bugbot has reviewed your changes and found 1 potential issue.

Bugbot Autofix is OFF. To automatically fix reported issues with cloud agents, have a team admin enable autofix in the Cursor dashboard.

Comment thread app/components/Views/LedgerConnect/index.styles.ts
@github-actions github-actions Bot added size-S and removed size-XS labels Mar 4, 2026
@codecov-commenter

Copy link
Copy Markdown

Codecov Report

✅ All modified and coverable lines are covered by tests.
✅ Project coverage is 51.60%. Comparing base (6e4e35c) to head (06a79d9).
⚠️ Report is 65 commits behind head on main.

Additional details and impacted files
@@             Coverage Diff             @@
##             main   #26783       +/-   ##
===========================================
- Coverage   81.61%   51.60%   -30.01%     
===========================================
  Files        4598     4619       +21     
  Lines      120455   121169      +714     
  Branches    26347    26436       +89     
===========================================
- Hits        98307    62530    -35777     
- Misses      15258    53409    +38151     
+ Partials     6890     5230     -1660     

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

🚀 New features to boost your workflow:
  • ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
  • 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.

@nikolastoimenovski-consensys

Copy link
Copy Markdown

Tested on iOS on build https://app.bitrise.io/build/66f4578b-75c7-4299-96aa-6f1dc733d1cc?tab=artifacts , the ledger icon is shown as expected. Adding "qa passed" label.

@Olivier-BB Olivier-BB force-pushed the fix/25760-ledger-icon-cutoff branch from fa0bed9 to 49d4416 Compare March 10, 2026 09:05
Comment thread android/app/build.gradle
minSdkVersion rootProject.ext.minSdkVersion
targetSdkVersion rootProject.ext.targetSdkVersion
versionName "7.70.0"
versionCode 3607

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I believe this change is not necessary

Comment thread bitrise.yml
- pr_check_build_cache
expo_dev_pipeline:
stages:
- create_build_dev_expo: {}

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Why are we changing the bitrise workflow name?

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Not sure why metamaskbot applied these changes

Comment thread bitrise.yml
inputs:
- deploy_path: ios/build/$RENAMED_ARCHIVE_FILE
title: Deploy Symbols File
- deploy-to-bitrise-io@2.2.3:

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I believe all changes in this file should be reverted

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

yeah...

"\"$(SRCROOT)/MetaMask/System/Library/Frameworks\"",
);
LLVM_LTO = YES;
MARKETING_VERSION = 7.70.0;

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

We should also revert the changes to this file

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I reverted those changes

@github-actions github-actions Bot added size-XS and removed size-S labels Mar 10, 2026
@github-actions

Copy link
Copy Markdown
Contributor

🔍 Smart E2E Test Selection

  • Selected E2E tags: SmokeAccounts
  • Selected Performance tags: None (no tests recommended)
  • Risk Level: low
  • AI Confidence: 85%
click to see 🤖 AI reasoning details

E2E Test Selection:
The changes are limited to style files and a Jest snapshot for LedgerConnect and LedgerSelectAccount components. These components are part of the hardware wallet (Ledger) account connection and selection flow. This directly impacts the hardware wallet account addition flow, which is covered under SmokeAccounts (multi-account management, including adding hardware wallet accounts). There are no changes to controllers, Engine, navigation, confirmations, network logic, or shared infrastructure. Therefore, only SmokeAccounts is required to validate that the Ledger account connection and selection flow still works correctly. No other wallet platform, network, trade, or confirmation flows are affected.

Performance Test Selection:
The changes are limited to styling and snapshot updates for Ledger-related UI components. There are no modifications to rendering logic, lists, controllers, state management, or performance-critical flows such as onboarding, login, swaps, asset loading, or launch. Therefore, no performance tests are necessary.

View GitHub Actions results

@github-actions

Copy link
Copy Markdown
Contributor

E2E Fixture Validation — Schema is up to date
11 value mismatches detected (expected — fixture represents an existing user).
View details

@sonarqubecloud

Copy link
Copy Markdown

@dawnseeker8 dawnseeker8 left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM

@Olivier-BB Olivier-BB added this pull request to the merge queue Mar 16, 2026
Merged via the queue into main with commit 516973c Mar 16, 2026
91 checks passed
@Olivier-BB Olivier-BB deleted the fix/25760-ledger-icon-cutoff branch March 16, 2026 10:55
@github-actions github-actions Bot locked and limited conversation to collaborators Mar 16, 2026
@metamaskbot metamaskbot added the release-7.71.0 Issue or pull request that will be included in release 7.71.0 label Mar 16, 2026
@owencraston owencraston changed the title fix(25760): prevent Ledger connect image from being cut off on iOS af… fix(25760): prevent Ledger connect image from being cut off on iOS cp-13.23.0 Mar 19, 2026
@owencraston owencraston changed the title fix(25760): prevent Ledger connect image from being cut off on iOS cp-13.23.0 fix(25760): prevent Ledger connect image from being cut off on iOS cp-7.70.0 Mar 19, 2026
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.

Labels

INVALID-PR-TEMPLATE PR's body doesn't match template QA-Passed release-7.71.0 Issue or pull request that will be included in release 7.71.0 size-XS team-accounts-framework Accounts team

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[Bug]: [Ledger] The ledger icon is cut off/missing in few screens

7 participants