I am using react-async-select-paginate library to achieve infinite scrolling. I am completely stuck in a issue. When I type a long text beginning of text are hiding. Say if I type ‘ type something and filter the data’.

Here 'type something and filter’ is missing. Below my code snippet. I tried to override the styles but no luck. Is there any css properties If I am missing not sure.. Below my code snippet. Could anyone provide any solution on this.

    import { Component } from ‘react'
    import { AsyncPaginate } from 'react-select-async-paginate’
    class commonComponent extends Component {
      constructor(props) {
        super(props)
        this.state = {
        }
      }
    render(){
       return (

            <div className="dropDwn">
                <AsyncPaginate
                  isLoading={this.state.showLoading ? true : false}
                  //components={this.state.showLoading ? { LoadingIndicator } : <div></div>}
                  //components={{LoadingIndicator}}
                  classNamePrefix="Select"
                  additional={defaultAdditional}
                  //loadOptions={this.loadPageOptions}
                  onChange={(e) => this.handleChange(e)}
                  placeholder="Select"
                  onFocus={this.onFocus}
                />
              </div>
        )
      }
    }