perf: speed up bottom sheet animations to 150ms #20692
Merged
+1
−1
Conversation
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
brianacnguyen
approved these changes
Oct 2, 2025
7 tasks
owencraston
approved these changes
Oct 2, 2025
owencraston
added
the
area-performance
7 tasks
|
github-merge-queue bot
pushed a commit
that referenced
this pull request
Oct 2, 2025
## **Description** Improves modal and bottom sheet backdrop responsiveness by reducing overlay animation duration from 300ms to 150ms. This makes interactions feel 2x faster while remaining smooth and within industry standards (150-300ms range). **Why this change:** - Overlays appear on every bottom sheet interaction throughout the app - Current 300ms feels slightly sluggish for such frequent, basic UI feedback - 150ms provides immediate visual response while maintaining smoothness - Complements other animation performance improvements **Technical change:** - Updated `DEFAULT_OVERLAY_ANIMATION_DURATION` constant - Changed from `AnimationDuration.Regularly` (300ms) to `AnimationDuration.Fast` (150ms) - Single line change in `/app/component-library/components/Overlay/Overlay.constants.ts` --- ## **Impacted Components** This affects the backdrop/overlay fade animation for **all** components using `Overlay` from the design system: #### Account Management - `AccountSelector` - Account picker backdrop overlay - `AddAccountActions` - Add account options backdrop - `AddNewAccountBottomSheet` - New account creation backdrop - `DeleteAccount` - Account deletion confirmation backdrop - `EditAccountName` - Rename account backdrop - `EditMultichainAccountName` - Rename multichain account backdrop - `MultichainAccountActions` - Multichain account options backdrop - `ShareAddress` - Address sharing backdrop - `ShareAddressQR` - QR code sharing backdrop - `WalletAddAccountActions` - Wallet details add account backdrop #### Network & Connections - `NetworkSelector` - Network picker backdrop overlay - `NetworkListBottomSheet` - Network selection list backdrop - `NetworkFilterBottomSheet` - Network filter options backdrop - `RpcSelectionModal` - RPC endpoint selector backdrop - `AccountConnect` - dApp connection flow backdrop - `AccountPermissions` - Connection permissions backdrop - `MultichainAccountConnect` - Multichain connection backdrop - `MultichainPermissionsSummary` - Permissions overview backdrop - `ConnectedAccountsModal` - Connected accounts backdrop #### Wallet Actions & Trading - `WalletActions` - Buy, Sell, Send, Receive, Bridge actions backdrop - `TradeWalletActions` - Trading-specific actions backdrop (uses `Overlay` directly) - `SendActionBottomSheet` - Send flow actions backdrop #### Transactions & Confirmations - `ConfirmComponent` - Transaction confirmation backdrop - `PersonalSign` - Personal signature request backdrop - `TypedSign` - Typed signature request backdrop - `SignatureRequest` - Generic signature request backdrop - `ContractApprovalBottomSheet` - Contract approval backdrop - `SmartAccountUpdateModal` - Smart account update backdrop - `SwitchAccountTypeModal` - Account type switching backdrop #### Settings & Configuration - `ContactForm` - Add/edit contact backdrop - `DeleteContactBottomSheet` - Contact deletion backdrop - `NetworkSettings` - Network configuration backdrop - `FiatOnTestnetsFriction` - Testnet fiat warning backdrop - `DataCollectionModal` - Analytics preferences backdrop - `ExperienceEnhancerModal` - Onboarding enhancement backdrop #### Assets & NFTs - `AddAsset` - Import token/NFT backdrop - `AssetOptions` - Asset action menu backdrop - `NftOptions` - NFT action menu backdrop - `ShowTokenIdSheet` - Token ID display backdrop - `ShowIpfsGatewaySheet` - IPFS gateway display backdrop - `ShowDisplayNFTMediaSheet` - NFT media display backdrop #### SDK & Browser - `SDKSessionModal` - SDK session management backdrop - `SDKLoadingModal` - SDK loading state backdrop - `SDKFeedbackModal` - SDK feedback collection backdrop - `SDKDisconnectModal` - SDK disconnect confirmation backdrop - `MaxBrowserTabsModal` - Browser tab limit warning backdrop #### Other UI Components - `TooltipModal` - Contextual tooltip backdrop - `SuccessErrorSheet` - Success/error message backdrop - `OriginSpamModal` - Spam origin warning backdrop - `ChangeInSimulationModal` - Simulation change alert backdrop - `SelectSRPBottomSheet` - SRP selection backdrop - `OnboardingSheet` - Onboarding flow backdrop - `AmbiguousAddressSheet` - Address disambiguation backdrop **Technical Note:** This change specifically affects the `Overlay` component from the design system, which is used by `BottomSheetOverlay` (affecting all bottom sheets) and `TradeWalletActions`. Components using other overlay implementations are not affected. --- ## **Changelog** CHANGELOG entry: Improved overlay animation speed for more responsive bottom sheets and modals ## **Related issues** Should be merged together with #20692 ## **Manual testing steps** ```gherkin Feature: Faster overlay animations Scenario: User opens account selector bottom sheet Given the user is on the wallet home screen When the user taps the account selector button Then the backdrop overlay should fade in quickly (150ms vs 300ms) When the user taps outside to dismiss Then the backdrop should fade out quickly (150ms) Scenario: User opens network selector bottom sheet Given the user is on the wallet home screen When the user taps the network selector button Then the backdrop overlay should fade in with improved responsiveness When the user swipes down to dismiss Then the backdrop should fade out smoothly but quickly Scenario: User opens wallet actions Given the user is on the wallet home screen When the user taps "Buy & Sell" button Then the overlay should appear with a snappier, more responsive feel Scenario: User opens transaction confirmation Given the user initiates a transaction When the confirmation sheet appears Then the backdrop overlay should fade in quickly (150ms) When the user confirms or cancels Then the backdrop should fade out quickly (150ms) ``` ## **Screenshots/Recordings** ### **Before** 300ms overlay fade animation (`AnimationDuration.Regularly`) ### **After** 150ms overlay fade animation (`AnimationDuration.Fast`) - 2x faster, more responsive feel ## **Pre-merge author checklist** - [x] I've followed [MetaMask Contributor Docs](https://github.com/MetaMask/contributor-docs) and [MetaMask Mobile Coding Standards](https://github.com/MetaMask/metamask-mobile/blob/main/.github/guidelines/CODING_GUIDELINES.md). - [x] I've completed the PR template to the best of my ability - [x] I've included tests if applicable - [x] I've documented my code using [JSDoc](https://jsdoc.app/) format if applicable - [x] I've applied the right labels on the PR (see [labeling guidelines](https://github.com/MetaMask/metamask-mobile/blob/main/.github/guidelines/LABELING_GUIDELINES.md)). 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. <!-- CURSOR_SUMMARY --> --- > [!NOTE] > Change `DEFAULT_OVERLAY_ANIMATION_DURATION` from `AnimationDuration.Regularly` to `AnimationDuration.Fast` to speed up overlay animations. > > <sup>Written by [Cursor Bugbot](https://cursor.com/dashboard?tab=bugbot) for commit c1315a9. This will update automatically on new commits. Configure [here](https://cursor.com/dashboard?tab=bugbot).</sup> <!-- /CURSOR_SUMMARY -->
infiniteflower
pushed a commit
that referenced
this pull request
Oct 7, 2025
## **Description** Improves modal and bottom sheet backdrop responsiveness by reducing overlay animation duration from 300ms to 150ms. This makes interactions feel 2x faster while remaining smooth and within industry standards (150-300ms range). **Why this change:** - Overlays appear on every bottom sheet interaction throughout the app - Current 300ms feels slightly sluggish for such frequent, basic UI feedback - 150ms provides immediate visual response while maintaining smoothness - Complements other animation performance improvements **Technical change:** - Updated `DEFAULT_OVERLAY_ANIMATION_DURATION` constant - Changed from `AnimationDuration.Regularly` (300ms) to `AnimationDuration.Fast` (150ms) - Single line change in `/app/component-library/components/Overlay/Overlay.constants.ts` --- ## **Impacted Components** This affects the backdrop/overlay fade animation for **all** components using `Overlay` from the design system: #### Account Management - `AccountSelector` - Account picker backdrop overlay - `AddAccountActions` - Add account options backdrop - `AddNewAccountBottomSheet` - New account creation backdrop - `DeleteAccount` - Account deletion confirmation backdrop - `EditAccountName` - Rename account backdrop - `EditMultichainAccountName` - Rename multichain account backdrop - `MultichainAccountActions` - Multichain account options backdrop - `ShareAddress` - Address sharing backdrop - `ShareAddressQR` - QR code sharing backdrop - `WalletAddAccountActions` - Wallet details add account backdrop #### Network & Connections - `NetworkSelector` - Network picker backdrop overlay - `NetworkListBottomSheet` - Network selection list backdrop - `NetworkFilterBottomSheet` - Network filter options backdrop - `RpcSelectionModal` - RPC endpoint selector backdrop - `AccountConnect` - dApp connection flow backdrop - `AccountPermissions` - Connection permissions backdrop - `MultichainAccountConnect` - Multichain connection backdrop - `MultichainPermissionsSummary` - Permissions overview backdrop - `ConnectedAccountsModal` - Connected accounts backdrop #### Wallet Actions & Trading - `WalletActions` - Buy, Sell, Send, Receive, Bridge actions backdrop - `TradeWalletActions` - Trading-specific actions backdrop (uses `Overlay` directly) - `SendActionBottomSheet` - Send flow actions backdrop #### Transactions & Confirmations - `ConfirmComponent` - Transaction confirmation backdrop - `PersonalSign` - Personal signature request backdrop - `TypedSign` - Typed signature request backdrop - `SignatureRequest` - Generic signature request backdrop - `ContractApprovalBottomSheet` - Contract approval backdrop - `SmartAccountUpdateModal` - Smart account update backdrop - `SwitchAccountTypeModal` - Account type switching backdrop #### Settings & Configuration - `ContactForm` - Add/edit contact backdrop - `DeleteContactBottomSheet` - Contact deletion backdrop - `NetworkSettings` - Network configuration backdrop - `FiatOnTestnetsFriction` - Testnet fiat warning backdrop - `DataCollectionModal` - Analytics preferences backdrop - `ExperienceEnhancerModal` - Onboarding enhancement backdrop #### Assets & NFTs - `AddAsset` - Import token/NFT backdrop - `AssetOptions` - Asset action menu backdrop - `NftOptions` - NFT action menu backdrop - `ShowTokenIdSheet` - Token ID display backdrop - `ShowIpfsGatewaySheet` - IPFS gateway display backdrop - `ShowDisplayNFTMediaSheet` - NFT media display backdrop #### SDK & Browser - `SDKSessionModal` - SDK session management backdrop - `SDKLoadingModal` - SDK loading state backdrop - `SDKFeedbackModal` - SDK feedback collection backdrop - `SDKDisconnectModal` - SDK disconnect confirmation backdrop - `MaxBrowserTabsModal` - Browser tab limit warning backdrop #### Other UI Components - `TooltipModal` - Contextual tooltip backdrop - `SuccessErrorSheet` - Success/error message backdrop - `OriginSpamModal` - Spam origin warning backdrop - `ChangeInSimulationModal` - Simulation change alert backdrop - `SelectSRPBottomSheet` - SRP selection backdrop - `OnboardingSheet` - Onboarding flow backdrop - `AmbiguousAddressSheet` - Address disambiguation backdrop **Technical Note:** This change specifically affects the `Overlay` component from the design system, which is used by `BottomSheetOverlay` (affecting all bottom sheets) and `TradeWalletActions`. Components using other overlay implementations are not affected. --- ## **Changelog** CHANGELOG entry: Improved overlay animation speed for more responsive bottom sheets and modals ## **Related issues** Should be merged together with #20692 ## **Manual testing steps** ```gherkin Feature: Faster overlay animations Scenario: User opens account selector bottom sheet Given the user is on the wallet home screen When the user taps the account selector button Then the backdrop overlay should fade in quickly (150ms vs 300ms) When the user taps outside to dismiss Then the backdrop should fade out quickly (150ms) Scenario: User opens network selector bottom sheet Given the user is on the wallet home screen When the user taps the network selector button Then the backdrop overlay should fade in with improved responsiveness When the user swipes down to dismiss Then the backdrop should fade out smoothly but quickly Scenario: User opens wallet actions Given the user is on the wallet home screen When the user taps "Buy & Sell" button Then the overlay should appear with a snappier, more responsive feel Scenario: User opens transaction confirmation Given the user initiates a transaction When the confirmation sheet appears Then the backdrop overlay should fade in quickly (150ms) When the user confirms or cancels Then the backdrop should fade out quickly (150ms) ``` ## **Screenshots/Recordings** ### **Before** 300ms overlay fade animation (`AnimationDuration.Regularly`) ### **After** 150ms overlay fade animation (`AnimationDuration.Fast`) - 2x faster, more responsive feel ## **Pre-merge author checklist** - [x] I've followed [MetaMask Contributor Docs](https://github.com/MetaMask/contributor-docs) and [MetaMask Mobile Coding Standards](https://github.com/MetaMask/metamask-mobile/blob/main/.github/guidelines/CODING_GUIDELINES.md). - [x] I've completed the PR template to the best of my ability - [x] I've included tests if applicable - [x] I've documented my code using [JSDoc](https://jsdoc.app/) format if applicable - [x] I've applied the right labels on the PR (see [labeling guidelines](https://github.com/MetaMask/metamask-mobile/blob/main/.github/guidelines/LABELING_GUIDELINES.md)). 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. <!-- CURSOR_SUMMARY --> --- > [!NOTE] > Change `DEFAULT_OVERLAY_ANIMATION_DURATION` from `AnimationDuration.Regularly` to `AnimationDuration.Fast` to speed up overlay animations. > > <sup>Written by [Cursor Bugbot](https://cursor.com/dashboard?tab=bugbot) for commit c1315a9. This will update automatically on new commits. Configure [here](https://cursor.com/dashboard?tab=bugbot).</sup> <!-- /CURSOR_SUMMARY -->
weitingsun
pushed a commit
that referenced
this pull request
Oct 15, 2025
## **Description** Improves modal and bottom sheet backdrop responsiveness by reducing overlay animation duration from 300ms to 150ms. This makes interactions feel 2x faster while remaining smooth and within industry standards (150-300ms range). **Why this change:** - Overlays appear on every bottom sheet interaction throughout the app - Current 300ms feels slightly sluggish for such frequent, basic UI feedback - 150ms provides immediate visual response while maintaining smoothness - Complements other animation performance improvements **Technical change:** - Updated `DEFAULT_OVERLAY_ANIMATION_DURATION` constant - Changed from `AnimationDuration.Regularly` (300ms) to `AnimationDuration.Fast` (150ms) - Single line change in `/app/component-library/components/Overlay/Overlay.constants.ts` --- ## **Impacted Components** This affects the backdrop/overlay fade animation for **all** components using `Overlay` from the design system: #### Account Management - `AccountSelector` - Account picker backdrop overlay - `AddAccountActions` - Add account options backdrop - `AddNewAccountBottomSheet` - New account creation backdrop - `DeleteAccount` - Account deletion confirmation backdrop - `EditAccountName` - Rename account backdrop - `EditMultichainAccountName` - Rename multichain account backdrop - `MultichainAccountActions` - Multichain account options backdrop - `ShareAddress` - Address sharing backdrop - `ShareAddressQR` - QR code sharing backdrop - `WalletAddAccountActions` - Wallet details add account backdrop #### Network & Connections - `NetworkSelector` - Network picker backdrop overlay - `NetworkListBottomSheet` - Network selection list backdrop - `NetworkFilterBottomSheet` - Network filter options backdrop - `RpcSelectionModal` - RPC endpoint selector backdrop - `AccountConnect` - dApp connection flow backdrop - `AccountPermissions` - Connection permissions backdrop - `MultichainAccountConnect` - Multichain connection backdrop - `MultichainPermissionsSummary` - Permissions overview backdrop - `ConnectedAccountsModal` - Connected accounts backdrop #### Wallet Actions & Trading - `WalletActions` - Buy, Sell, Send, Receive, Bridge actions backdrop - `TradeWalletActions` - Trading-specific actions backdrop (uses `Overlay` directly) - `SendActionBottomSheet` - Send flow actions backdrop #### Transactions & Confirmations - `ConfirmComponent` - Transaction confirmation backdrop - `PersonalSign` - Personal signature request backdrop - `TypedSign` - Typed signature request backdrop - `SignatureRequest` - Generic signature request backdrop - `ContractApprovalBottomSheet` - Contract approval backdrop - `SmartAccountUpdateModal` - Smart account update backdrop - `SwitchAccountTypeModal` - Account type switching backdrop #### Settings & Configuration - `ContactForm` - Add/edit contact backdrop - `DeleteContactBottomSheet` - Contact deletion backdrop - `NetworkSettings` - Network configuration backdrop - `FiatOnTestnetsFriction` - Testnet fiat warning backdrop - `DataCollectionModal` - Analytics preferences backdrop - `ExperienceEnhancerModal` - Onboarding enhancement backdrop #### Assets & NFTs - `AddAsset` - Import token/NFT backdrop - `AssetOptions` - Asset action menu backdrop - `NftOptions` - NFT action menu backdrop - `ShowTokenIdSheet` - Token ID display backdrop - `ShowIpfsGatewaySheet` - IPFS gateway display backdrop - `ShowDisplayNFTMediaSheet` - NFT media display backdrop #### SDK & Browser - `SDKSessionModal` - SDK session management backdrop - `SDKLoadingModal` - SDK loading state backdrop - `SDKFeedbackModal` - SDK feedback collection backdrop - `SDKDisconnectModal` - SDK disconnect confirmation backdrop - `MaxBrowserTabsModal` - Browser tab limit warning backdrop #### Other UI Components - `TooltipModal` - Contextual tooltip backdrop - `SuccessErrorSheet` - Success/error message backdrop - `OriginSpamModal` - Spam origin warning backdrop - `ChangeInSimulationModal` - Simulation change alert backdrop - `SelectSRPBottomSheet` - SRP selection backdrop - `OnboardingSheet` - Onboarding flow backdrop - `AmbiguousAddressSheet` - Address disambiguation backdrop **Technical Note:** This change specifically affects the `Overlay` component from the design system, which is used by `BottomSheetOverlay` (affecting all bottom sheets) and `TradeWalletActions`. Components using other overlay implementations are not affected. --- ## **Changelog** CHANGELOG entry: Improved overlay animation speed for more responsive bottom sheets and modals ## **Related issues** Should be merged together with #20692 ## **Manual testing steps** ```gherkin Feature: Faster overlay animations Scenario: User opens account selector bottom sheet Given the user is on the wallet home screen When the user taps the account selector button Then the backdrop overlay should fade in quickly (150ms vs 300ms) When the user taps outside to dismiss Then the backdrop should fade out quickly (150ms) Scenario: User opens network selector bottom sheet Given the user is on the wallet home screen When the user taps the network selector button Then the backdrop overlay should fade in with improved responsiveness When the user swipes down to dismiss Then the backdrop should fade out smoothly but quickly Scenario: User opens wallet actions Given the user is on the wallet home screen When the user taps "Buy & Sell" button Then the overlay should appear with a snappier, more responsive feel Scenario: User opens transaction confirmation Given the user initiates a transaction When the confirmation sheet appears Then the backdrop overlay should fade in quickly (150ms) When the user confirms or cancels Then the backdrop should fade out quickly (150ms) ``` ## **Screenshots/Recordings** ### **Before** 300ms overlay fade animation (`AnimationDuration.Regularly`) ### **After** 150ms overlay fade animation (`AnimationDuration.Fast`) - 2x faster, more responsive feel ## **Pre-merge author checklist** - [x] I've followed [MetaMask Contributor Docs](https://github.com/MetaMask/contributor-docs) and [MetaMask Mobile Coding Standards](https://github.com/MetaMask/metamask-mobile/blob/main/.github/guidelines/CODING_GUIDELINES.md). - [x] I've completed the PR template to the best of my ability - [x] I've included tests if applicable - [x] I've documented my code using [JSDoc](https://jsdoc.app/) format if applicable - [x] I've applied the right labels on the PR (see [labeling guidelines](https://github.com/MetaMask/metamask-mobile/blob/main/.github/guidelines/LABELING_GUIDELINES.md)). 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. <!-- CURSOR_SUMMARY --> --- > [!NOTE] > Change `DEFAULT_OVERLAY_ANIMATION_DURATION` from `AnimationDuration.Regularly` to `AnimationDuration.Fast` to speed up overlay animations. > > <sup>Written by [Cursor Bugbot](https://cursor.com/dashboard?tab=bugbot) for commit c1315a9. This will update automatically on new commits. Configure [here](https://cursor.com/dashboard?tab=bugbot).</sup> <!-- /CURSOR_SUMMARY -->
Member
Author
|
@cursor is this still aligned to main and ready to merge? |
|
Not yet. The branch is currently 2694 commits behind Learn more about Cursor Agents |
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. |
Contributor
🔍 Smart E2E Test Selection
click to see 🤖 AI reasoning detailsChange AnalysisThe PR modifies a single constants file that adjusts an animation duration for BottomSheetDialog components:
Impact Assessment
Test Tag Selection RationaleSelected: SmokeWalletUX
Not Selected:
Conservative ApproachRunning SmokeWalletUX provides adequate coverage to verify that:
The change is minimal and well-isolated, making this a straightforward UX enhancement that requires basic smoke testing of the wallet interface. |
|
metamaskbot
added
the
release-7.61.0
Sign up for free
to subscribe to this conversation on GitHub.
Already have an account?
Sign in.
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Description
Improves bottom sheet responsiveness by reducing animation duration from
300msto150ms. This makes interactions feel 2x faster while remaining smooth and within industry standards (150-300ms range).Why this change:
Technical change:
DEFAULT_BOTTOMSHEETDIALOG_DISPLAY_DURATIONconstantAnimationDuration.Regularly(300ms) toAnimationDuration.Fast(150ms)/app/.../foundation/BottomSheetDialog/BottomSheetDialog.constants.tsImpacted Bottom Sheets
This affects all bottom sheet components across the app:
Account Management
AccountSelector- Account picker/switcherAddAccountActions- Add account options menuAddNewAccountBottomSheet- New account creation flowDeleteAccount- Account deletion confirmationEditAccountName- Rename account sheetEditMultichainAccountName- Rename multichain accountMultichainAccountActions- Multichain account optionsShareAddress/ShareAddressQR- Address sharing sheetsWalletAddAccountActions- Wallet details add account menuNetwork & Connections
NetworkSelector- Network picker/switcherNetworkListBottomSheet- Network selection listNetworkFilterBottomSheet- Network filter optionsRpcSelectionModal- RPC endpoint selectorAccountConnect- dApp connection flowAccountPermissions- Connection permissions managerMultichainAccountConnect- Multichain connection flowMultichainPermissionsSummary- Permissions overviewConnectedAccountsModal- Connected accounts listWallet Actions & Trading
WalletActions- Buy, Sell, Send, Receive, Bridge actionsTradeWalletActions- Trading-specific actionsSendActionBottomSheet- Send flow actionsTransactions & Confirmations
ConfirmComponent- Transaction confirmation sheetPersonalSign- Personal signature requestsTypedSign- Typed signature requestsSignatureRequest- Generic signature requestsContractApprovalBottomSheet- Contract approval confirmationsSmartAccountUpdateModal- Smart account updatesSwitchAccountTypeModal- Account type switchingSettings & Configuration
ContactForm- Add/edit contactDeleteContactBottomSheet- Contact deletion confirmationNetworkSettings- Network configurationFiatOnTestnetsFriction- Testnet fiat warningDataCollectionModal- Analytics preferencesExperienceEnhancerModal- Onboarding enhancementAssets & NFTs
AddAsset- Import token/NFT flowAssetOptions- Asset action menuNftOptions- NFT action menuShowTokenIdSheet- Token ID displayShowIpfsGatewaySheet- IPFS gateway displayShowDisplayNFTMediaSheet- NFT media displaySDK & Browser
SDKSessionModal- SDK session managementSDKLoadingModal- SDK loading stateSDKFeedbackModal- SDK feedback collectionSDKDisconnectModal- SDK disconnect confirmationMaxBrowserTabsModal- Browser tab limit warningOther UI Components
TooltipModal- Contextual tooltipsSuccessErrorSheet- Success/error messagesOriginSpamModal- Spam origin warningsChangeInSimulationModal- Simulation change alertsSelectSRPBottomSheet- SRP selectionOnboardingSheet- Onboarding flowsAmbiguousAddressSheet- Address disambiguationChangelog
CHANGELOG entry: Improved bottom sheet animation speed for more responsive interactions
Related issues
N/A
Manual testing steps
Screenshots/Recordings
Before
300ms animation (
AnimationDuration.Regularly)After
150ms animation (
AnimationDuration.Fast) - 2x faster, more responsive feelPre-merge author checklist
Pre-merge reviewer checklist
Note
Speeds up BottomSheetDialog initial display by changing duration from
AnimationDuration.RegularlytoAnimationDuration.Fast.Written by Cursor Bugbot for commit c432773. This will update automatically on new commits. Configure here.