Components: Add fallback units for input slider in BoxControl
#70288
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.
What?
Closes #61410
In trunk, the selected units are undefined initially when the component is mounted. Due to this, when the slider is used, the values are updated without any unit. To solve this, a fallback value has been added in case the unit is undefined.
Why?
Solves a bug where the input slider of box control by default does not have any units attached to the number values.
How?
Added fallback logic to ensure units are always defined.
Testing Instructions
npm run storybook:devScreenshots or screencast
Before
Screen.Recording.2025-06-02.at.2.40.05.PM.mov
After
Screen.Recording.2025-06-02.at.2.40.05.PM.mov