Help needed on the theme

[hklee93]

Hi, I'm trying to make the suggestion list grow upward instead of downward, but I just can't seem to find a way to properly make it happen.

When I type "/", the suggestion list looks fine like the following:

However, when there's a match, the style breaks:

Here's the style I've been trying. I'd much appreciate it if I can get at least some hint.

container: {
    position: 'relative' as "relative",
    width: '100%',
  },
suggestionHighlighted: {
    backgroundColor: '#ddd',
    width: '100%',
  },
  suggestionsContainer: {
    display: 'none',
  },
  suggestionsContainerOpen: {
    display: 'block',
    top: '-81px',
    position: 'absolute' as "absolute",
    border: '1px solid #aaa',
    lineHeight: '24px',
    paddingLeft: '8px',
    paddingRight: '8px',
    backgroundColor: '#fff',
  },
  suggestionsList: {
    margin: 0,
    padding: 0,
    listStyleType: 'none',
  },