Merge pull request #54 from Sharlaan/fix/#41-canAutoPosition

new property canAutoPosition (default: true)

README.md

@@ -26,7 +26,7 @@
 ## Installation
 `npm i material-ui-superselectfield`  
 
-This component requires 4 dependencies :
+This component requires 3 dependencies :
 - react
 - react-dom
 - material-ui  
@@ -44,7 +44,7 @@ This component requires 4 dependencies :
 | noMatchFound | string | 'No match found' | Placeholder text when the autocomplete filter fails. |
 | anchorOrigin | object | `{ vertical: 'top', horizontal: 'left' }` | Anchor position of the menu, accepted values: `top, bottom / left, right` |
 | checkPosition | string |  | Position of the checkmark in multiple mode. Accepted values: `'', left, right` |
-| canAutoPosition | bool | false | If present, this property allows the inner Popover component to position the menu in such way options are not hidden by the screen edges. |
+| canAutoPosition | bool | true | If present, this property allows the inner Popover component to position the menu in such way options are not hidden by the screen edges. |
 | multiple | bool | false | Include this property to turn superSelectField into a multi-selection dropdown. Checkboxes will appear.|
 | disabled | bool | false | Include this property to disable superSelectField.|
 | value | null, object, object[] | null | Selected value(s).<br>/!\ REQUIRED: each object must expose a 'value' property. |

lib/SuperSelectField.js

@@ -934,7 +934,7 @@ SelectField.defaultProps = {
   checkedIcon: _react2.default.createElement(_check2.default, { style: { top: 'calc(50% - 12px)' } }),
   unCheckedIcon: _react2.default.createElement(_checkBoxOutlineBlank2.default, { style: { top: 'calc(50% - 12px)' } }),
   menuCloseButton: null,
-  canAutoPosition: false,
+  canAutoPosition: true,
   multiple: false,
   disabled: false,
   nb2show: 5,

src/SuperSelectField.js

@@ -730,7 +730,7 @@ SelectField.defaultProps = {
   checkedIcon: <CheckedIcon style={{ top: 'calc(50% - 12px)' }} />,
   unCheckedIcon: <UnCheckedIcon style={{ top: 'calc(50% - 12px)' }} />,
   menuCloseButton: null,
-  canAutoPosition: false,
+  canAutoPosition: true,
   multiple: false,
   disabled: false,
   nb2show: 5,