material-ui-superselectfield icon indicating copy to clipboard operation
material-ui-superselectfield copied to clipboard

autoCloseWhenOffScreen with Mobile device

Open Paul-Vandell opened this issue 7 years ago • 0 comments

I faced an issue when my virtual mobile keyboard cover all the popover. So any solution to add some item in my list. what you can do is (line 558) : https://github.com/Sharlaan/material-ui-superselectfield/blob/f08529d854d99a879193baf6d18924af023eff5e/src/SuperSelectField.js#L562

<Popover
          open={this.state.isOpen}
          anchorEl={this.root}
          canAutoPosition={canAutoPosition}
          anchorOrigin={anchorOrigin}
	  targetOrigin={{vertical: 'bottom',horizontal:'left'}} // ==> Or make it on props
          useLayerForClickAway={false}
          onRequestClose={this.closeMenu}
	  autoCloseWhenOffScreen={false} // ===> Or make it on props
          style={popoverStyle || { height: popoverHeight }} // ===> Add a popoverStyle to keep a min height for the popup
        >

Now my popup come from bottom to top and never close when mobile keyboard showing up. You're superselectfield is really great thx you :+1:

Paul-Vandell avatar Sep 22 '17 13:09 Paul-Vandell