-
Notifications
You must be signed in to change notification settings - Fork 375
fix(clipboard-copy): added rtl support #9629
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
Conversation
|
Preview: https://patternfly-react-pr-9629.surge.sh A11y report: https://patternfly-react-pr-9629-a11y.surge.sh |
thatblindgeye
left a comment
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.
| value={this.state.text as string | number} | ||
| id={`text-input-${id}`} | ||
| aria-label={textAriaLabel} | ||
| dir={isCode && 'ltr'} |
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.
Nit: a lot of places we'll spread an object for a case like this:
| dir={isCode && 'ltr'} | |
| {...(isCode && { dir: 'ltr' })} |
Both ways result in the same result, though, with the dir attribute not being applied at all if isCode isn't true, so not a blocker.
|
Just needs snapshots updated but otherwise looks good |
tlabaj
left a comment
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.
lgtm
|
Your changes have been released in:
Thanks for your contribution! 🎉 |


fixes #9630
This makes the
isCodevariation retaindir="ltr"on the toggle text input and expanded content box.Verified with an RTL speaker that it looks as expected, as well as these examples all look correct and copy/paste the values correctly.
Inline compact
Code
Regular/expanded
Array/expanded