0

Trying to left align suggestions from the dropdown list in the DataSearch component from ReactiveSearch for autocomplete feature. They currently display in the middle of the dropdown.

Here is what it says to do

<ReactiveBase
  app="query-index"
  url="http://localhost:9200">
  <DataSearch
    componentId="SearchSensor"
    dataField={["suggestions"]}
    className="autocomplete"
    iconPosition="right"
    innerclassName={{
    list: "text-item"
    }}
    />
  </ReactiveBase>

and then in my css

.autocomplete .text-item {
  text-align: left !important;
}

However, its not working, still displaying in the middle, what am I doing wrong?

user3125823
  • 1,846
  • 2
  • 18
  • 46
  • They should appear left aligned by default, perhpas some styles leaking in. Could you create a code-sandbox or demo? [Reference](https://opensource.appbase.io/reactive-manual/search-components/datasearch.html#demo) – Divyanshu Maithani Aug 17 '18 at 05:26
  • @DivyanshuMaithani - yea your were right, some styles were a bit messed up. aligning to the left now. – user3125823 Aug 18 '18 at 16:56
  • Cool, could you close this question since it might it might confuse someone – Divyanshu Maithani Aug 19 '18 at 05:52
  • @DivyanshuMaithani - sorry, unexpectedly away from the office for a few days. Closing. And thanks for all the answers!! – user3125823 Aug 21 '18 at 14:31

0 Answers0