Appropriate length text goes right up to boundary (note, the text is "tes t" with a space and not wrapping mid-word):
When completing the word, wraps around as it pushes past the boundary:
Testing
[x] Tested on iOS
[x] Tested on Android
[x] Tested on Web
PR Checklist
Code reviewer validation:
General
[x] PR is linked to ticket(s)
[x] PR has changelog label applied if it's to be included in the changelog
[x] Acceptance criteria:
All satisfied or
Documented reason for not being performed or
Split to separate ticket and ticket is linked by relevant AC(s)
[x] Above PR sections adequately filled out
[x] If any breaking changes, in accordance with the pre-1.0.0 versioning guidelines: a CU ticket has been created for the VA Mobile App detailing necessary adjustments with the package version that will be published by this ticket
Code
[x] Tests are included if appropriate (or split to separate ticket)
Description of Change
Added flexShrink to the style of the Text for the Link since otherwise React Native Text component thinks it always has access to the full row width when nested within a row flexbox. In the Link it does not due to the icon (if present) so it should shrink to fit.
Testing Packages
Screenshots/Video
Appropriate length text goes right up to boundary (note, the text is "tes t" with a space and not wrapping mid-word):
When completing the word, wraps around as it pushes past the boundary:
Testing
PR Checklist
Code reviewer validation:
changelog
label applied if it's to be included in the changelogPublish
If changes warrant a new version per the versioning guidelines and the PR is approved and ready to merge:
main
into branchmain