React-autosuggest: Open suggestions upwards

Created on 30 Jun 2017  路  1Comment  路  Source: moroshko/react-autosuggest

Hi,

In my application, I've an autosuggest at the bottom of the page, and when suggestions are displayed it requires the users to scroll down. It can be hard for some users to realise that the suggestions are displayed down the page, and also, when they scroll the page is completely empty (only the suggestions are displayed) as there's no more content.

Could it be possible to add an option to open the autosuggest upwards instead of downwards?

Many thanks for this awesome component!

Most helpful comment

Hey @sogame

There might be some other things that you need to consider when doing this, but to get the desired effect you can just use some simple CSS.

.react-autosuggest__suggestions-container--open {
  top: auto;
  bottom: 100%;
}

Pen here https://codepen.io/adack123/pen/VWdVJr.

>All comments

Hey @sogame

There might be some other things that you need to consider when doing this, but to get the desired effect you can just use some simple CSS.

.react-autosuggest__suggestions-container--open {
  top: auto;
  bottom: 100%;
}

Pen here https://codepen.io/adack123/pen/VWdVJr.

Was this page helpful?
0 / 5 - 0 ratings