ashatora/editor
1
0
Fork 0
mirror of https://github.com/maputnik/editor.git synced 2026-08-25 14:37:27 +00:00
Code Issues Projects Releases Wiki Activity

Added MAX_HEIGHT constant.

Browse Source
This commit is contained in:
orangemug
2017-11-29 10:29:11 +00:00
parent e11a5a823a
commit 33fdc52667
1 changed files with 7 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/inputs/AutocompleteInput.jsx
+7 -3
View File
@@ -4,6 +4,8 @@ import classnames from 'classnames'
import Autocomplete from 'react-autocomplete' import Autocomplete from 'react-autocomplete'
const MAX_HEIGHT = 140;
class AutocompleteMenu extends React.Component { class AutocompleteMenu extends React.Component {
static propTypes = { static propTypes = {
keepMenuWithinWindowBounds: PropTypes.bool, keepMenuWithinWindowBounds: PropTypes.bool,
@@ -14,9 +16,11 @@ class AutocompleteMenu extends React.Component {
calcMaxHeight() { calcMaxHeight() {
if(this.props.keepMenuWithinWindowBounds) { if(this.props.keepMenuWithinWindowBounds) {
const maxHeight = window.innerHeight - this.autocompleteMenuEl.getBoundingClientRect().top; const maxHeight = window.innerHeight - this.autocompleteMenuEl.getBoundingClientRect().top;
if(maxHeight != this.state.maxHeight) { const limitedMaxHeight = Math.min(maxHeight, MAX_HEIGHT);
if(limitedMaxHeight != this.state.maxHeight) {
this.setState({ this.setState({
maxHeight: maxHeight maxHeight: limitedMaxHeight
}) })
} }
} }
@@ -32,7 +36,7 @@ class AutocompleteMenu extends React.Component {
constructor(props) { constructor(props) {
super(props); super(props);
this.state = { this.state = {
maxHeight: 90 maxHeight: MAX_HEIGHT
}; };
} }