Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Reference to highlighted suggestion in renderSuggestionsContainer

See original GitHub issue

I need to apply different styling to the suggestions container depending of whether a suggestion is highlighted or not. I tried to access it through a stored ref but that’s often null (not sure that’s even correct). Also, I tried to store a reference to the highlighted suggestion in onSuggestionHighlighted, but that’s called later than renderSuggestionsContainer. Is there currently a way to do this? Thanks

Issue Analytics

State:
Created 6 years ago
Comments:10 (4 by maintainers)

Top GitHub Comments

1reaction

stanley90commented, Dec 11, 2017

Yeah, I’ll try something along this. I’ll close the issue then. Thanks.

0reactions

chiragv508commented, Oct 2, 2018

@moroshko how can we add footer on each section ? like header using renderSectionTitle…

Top Results From Across the Web

Add permanent suggestion in 'react autosuggest'

I use react in frontend an the npm react-autosuggestion for ... import parse from 'autosuggest-highlight/parse'; import TextField from ...

React Autosuggest

Supports custom suggestion rendering, multiple sections, and more. ... Note that we highlight the first suggestion by default here. Codepen. Custom render.

Customizing the suggestions container - CodePen

This example demonstrates how to customize the suggestions container....

react-autosuggest - NPM Package Overview - Socket - Socket.dev

highlightFirstSuggestion, Boolean, Set it to true if you'd like Autosuggest to automatically highlight the first suggestion.

github.com-moroshko-react-autosuggest_-_2017-07-28_10 ...

renderSuggestionsContainer | Function | | Use it if you want to ... This function is called when the highlighted suggestion changes.