diff --git a/common/changes/office-ui-fabric-react/v-krbrow-pickers-rtl_2018-01-24-22-11.json b/common/changes/office-ui-fabric-react/v-krbrow-pickers-rtl_2018-01-24-22-11.json new file mode 100644 index 0000000000000..af92a22d75777 --- /dev/null +++ b/common/changes/office-ui-fabric-react/v-krbrow-pickers-rtl_2018-01-24-22-11.json @@ -0,0 +1,11 @@ +{ + "changes": [ + { + "packageName": "office-ui-fabric-react", + "comment": "Pickers: Aligning suggestions callout to the correct RTL position", + "type": "patch" + } + ], + "packageName": "office-ui-fabric-react", + "email": "v-krbrow@microsoft.com" +} \ No newline at end of file diff --git a/packages/office-ui-fabric-react/src/components/pickers/BasePicker.tsx b/packages/office-ui-fabric-react/src/components/pickers/BasePicker.tsx index 62ba1775ee1db..191c1e05424bc 100644 --- a/packages/office-ui-fabric-react/src/components/pickers/BasePicker.tsx +++ b/packages/office-ui-fabric-react/src/components/pickers/BasePicker.tsx @@ -3,8 +3,7 @@ import { BaseComponent, KeyCodes, autobind, - css, - getRTL + css } from '../../Utilities'; import { FocusZone, FocusZoneDirection } from '../../FocusZone'; import { Callout, DirectionalHint } from '../../Callout'; @@ -233,7 +232,8 @@ export class BasePicker> extends BaseComponent< gapSpace={ 5 } target={ this.input.inputElement } onDismiss={ this.dismissSuggestions } - directionalHint={ getRTL() ? DirectionalHint.bottomRightEdge : DirectionalHint.bottomLeftEdge } + directionalHint={ DirectionalHint.bottomLeftEdge } + directionalHintForRTL={ DirectionalHint.bottomRightEdge } >