1
I cannot increase the width of this input. I use bootstrap and css. In my code, there is no such input tag...
<div className="form-group col-sm-12 col-lg-8">
{employees.length > 0 && (
<AutoCompleteEmployee
listEmployee={employees}
onChange={this.handleChangeSearch}
/>
)}
</div>
</div>
There’s nothing at the moment in my css about this...
Veronica, if you’re using React, it’s likely that the tag
<input>is inside the componentAutoCompleteEmployee.– fernandosavio
how do I style this component ? ...
– Verônica Emschermann
Just open his file and modify... There is no
import AutoCompleteEmployeein your file indicating where the component is?– fernandosavio
return (
 <Fragment>
 <input
 type="text"
 onChange={onChange}
 onKeyDown={onKeyDown}
 value={userInput}
 />
 {suggestionsListComponent}
 </Fragment>
 );
 }I have this, I set the style and it doesn’t work– Verônica Emschermann
Then you need to use the attribute
style, or use classes to style with your CSS or Bootstrap.. You could addclass="form-control"for example, but then it’s up to you. It depends on how you want to do..– fernandosavio
I got it! I was doing the wrong style... thank you
– Verônica Emschermann
@Verônicaemschermann put the answer here and mark as resolved please
– Davi Wesley