Skip to content

Fixing Picker suggestions RTL alignment#3795

Merged
kristoferbrown merged 3 commits into
microsoft:masterfrom
kristoferbrown:v-krbrow/pickers-rtl
Jan 24, 2018
Merged

Fixing Picker suggestions RTL alignment#3795
kristoferbrown merged 3 commits into
microsoft:masterfrom
kristoferbrown:v-krbrow/pickers-rtl

Conversation

@kristoferbrown

Copy link
Copy Markdown
Contributor

Pull request checklist

Description of changes

Just setting directionalHint based on getRTL wasn't working, so this PR sets directionalHint and directionalHintForRTL to put the suggestions in the right spot.

gapSpace={ 5 }
target={ this.input.inputElement }
onDismiss={ this.dismissSuggestions }
directionalHint={ getRTL() ? DirectionalHint.bottomRightEdge : DirectionalHint.bottomLeftEdge }

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Remove the getRTL import.

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Great catch. It's removed now.

@joschect joschect left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Approved with one request.

@kristoferbrown kristoferbrown merged commit 3b5b375 into microsoft:master Jan 24, 2018
@microsoft microsoft locked as resolved and limited conversation to collaborators Aug 31, 2019
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Picker - PeoplePicker: Right to Left Support

2 participants