Merge pull request #63 from selvagsz/api/horizontal_postion

[Feature] Support horizontalPostion: 'left'|'right'
selvagsz · Oct 12, 2019 · fac0738 · fac0738
2 parents 2e8914d + ae07364
commit fac0738
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 4 deletions.
diff --git a/src/Dropdown.js b/src/Dropdown.js
@@ -4,12 +4,12 @@ import cx from 'classnames';
 
 export default class Dropdown extends Component {
   render() {
-    let { className, children } = this.props;
+    let { className, horizontalPosition, children } = this.props;
     return (
       <TetherComponent
         className={cx('PowerSelect__Tether', className && `${className}__Tether`)}
-        attachment="top left"
-        targetAttachment="bottom left"
+        attachment={`top ${horizontalPosition}`}
+        targetAttachment={`bottom ${horizontalPosition}`}
         constraints={[
           {
             to: 'window',

diff --git a/src/Select.js b/src/Select.js
@@ -345,6 +345,7 @@ export default class Select extends Component {
       optionComponent,
       placeholder,
       disabled,
+      horizontalPosition,
       selectedOptionComponent,
       selectedOptionLabelPath,
       triggerLHSComponent,
@@ -359,7 +360,7 @@ export default class Select extends Component {
     let selectApi = this.getPublicApi();
 
     return (
-      <Dropdown className={className}>
+      <Dropdown className={className} horizontalPosition={horizontalPosition}>
         <div
           ref={powerselect => {
             this.powerselect = powerselect;
@@ -438,6 +439,7 @@ Select.defaultProps = {
   selectedOptionComponent: null,
   beforeOptionsComponent: null,
   afterOptionsComponent: null,
+  horizontalPosition: 'left',
   matcher: matcher,
   onFocus: noop,
   onBlur: noop,