sickdyd/react-search-autocomplete

background color of result items being transparent

Opened this issue · 3 comments

Abenezer01 commented

background color of results items being transparent and I can't find a setting to change it
image

dobroangle commented

try setting zIndex: 10

muruw commented

This seems like something that should be enabled by default, no? I can't think of a reason why the items should be transparent. The current solution as dobroangle said is indeed to add:

<ReactSearchAutocomplete styling={{ zIndex: 10 }} />
ahsanazwar commented

<ReactSearchAutocomplete items={getSearch} onSearch={handleOnSearch} onHover={handleOnHover} onSelect={handleOnSelect} onFocus={handleOnFocus} autoFocus formatResult={formatResult} styling={{borderRadius: "0",zIndex:"999"}} className="headerSearch" />

.headerSearch .wrapper ul{ background-color: #fff; }