-
Notifications
You must be signed in to change notification settings - Fork 3k
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Fix IOU amount input flicking #53740
Conversation
Hey! I see that you made changes to our Form component. Make sure to update the docs in FORMS.md accordingly. Cheers! |
Gonna run a test build here to test performance. The bug looks gone, but the input field looks very stuttery. |
@shawnborton any idea why the test build couldn't run? |
Ah, you just need to make sure the label |
🚧 @shawnborton has triggered a test build. You can view the workflow run here. |
🧪🧪 Use the links below to test this adhoc build on Android, iOS, Desktop, and Web. Happy testing! 🧪🧪
|
Reviewer Checklist
Screenshots/VideosAndroid: Native53286_android_native.movAndroid: mWeb Chrome53286_android_web.moviOS: Native53286_ios_native.moviOS: mWeb Safari53286_ios_web.movMacOS: Chrome / Safari53286_web_chrome.movMacOS: Desktop53286_web_desktop.mov |
I can reproduce the issue The digit exceeding the max allowed decimal places is briefly inserted into the input |
The main issue is gone, I'll do more tests, after lunch, to avoid regressions. @QichenZhu do you think we need to create a |
@brunovjk Based on the info below, I don't think we need unit tests.
|
Thanks Shawn! Tested this on Android and it's working well 👍 |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Approve from a visual perspective. I'll let others handle the rest :)
Great! I'll do some tests and we'll have it by EOD. @QichenZhu could you complete your checklist? Thanks you |
@@ -1290,6 +1290,13 @@ const createStyleUtils = (theme: ThemeColors, styles: ThemeStyles) => ({ | |||
}; | |||
}, | |||
|
|||
getAutoGrowWidthInputContainerStyles: (width: number, extraSpace: number): ViewStyle => { |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Should we add comment explaining this function?
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Apart from the incomplete checklist and the addition of JSDOC, everything looks good to me.
Checklist completed, except for the unit tests check. Explained here: #53740 (comment). |
Since you provided reasons, you can check this option in the list anyway, to remove the ❌ |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Looks good, thanks for the note about the existing issue.
✋ This PR was not deployed to staging yet because QA is ongoing. It will be automatically deployed to staging after the next production release. |
🚀 Deployed to staging by https://github.com/neil-marcellini in version: 9.0.75-0 🚀
|
FYI I'm reverting this PR because it caused this blocker #53992 |
🚀 Deployed to production by https://github.com/luacmartins in version: 9.0.75-6 🚀
|
Explanation of Change
Fixed Issues
$ #53286
PROPOSAL: #53286 (comment)
Tests
Offline tests
QA Steps
PR Author Checklist
### Fixed Issues
section aboveTests
sectionOffline steps
sectionQA steps
sectiontoggleReport
and notonIconClick
)src/languages/*
files and using the translation methodSTYLE.md
) were followedAvatar
, I verified the components usingAvatar
are working as expected)StyleUtils.getBackgroundAndBorderStyle(theme.componentBG)
)Avatar
is modified, I verified thatAvatar
is working as expected in all cases)Design
label and/or tagged@Expensify/design
so the design team can review the changes.ScrollView
component to make it scrollable when more elements are added to the page.Unit tests are not added as this fixes a styling issue.
main
branch was merged into this PR after a review, I tested again and verified the outcome was still expected according to theTest
steps.Screenshots/Videos
Android: Native
android-native.mp4
Android: mWeb Chrome
android-web.mp4
iOS: Native
ios-native.mp4
iOS: mWeb Safari
ios-web.mp4
MacOS: Chrome / Safari
mac-web.mov
MacOS: Desktop
mac-desktop.mov