score:0
Try giving width 100% to .search-field
.search-field {
width: 100% !important;
}
It should work or you can also try giving position to your icon
parent{
position: relative;
}
child{
position: absolute;
top: 5px;
right: 20px;
}
Source: stackoverflow.com
Related Query
- Resize input form
- Clear and reset form input fields
- React prevent form submission when enter is pressed inside input
- React - clearing an input value after form submit
- Form input using Redux Form not updating
- Clear form input field values after submitting in react js with ant-design
- React: dynamically add input fields to form
- Form fields lose focus when input value changes
- React form error changing a controlled input of type text to be uncontrolled
- How do you conditionally disable a form input in react?
- How to clear input values of dynamic form in react
- How to get form data from input fields in React
- redux-form: trigger Form onSubmit after Input onChange
- Validation of form input fields in React
- How to disable form submit button until all input fields are filled?! ReactJS ES2015
- Very slow input elements in Ant Design Form
- reactjs how to input multiple file from form
- Reactjs which one is better form onChange or input onChange?
- How to input text into form during React/Jest/Enzyme Shallow Rendering testing?
- React updating state in two input fields from form submission
- Dynamically adding Input form field issue reactjs
- ReactJS: How do I add a new row to table from Form input values?
- Allow only number in Semantic UI React Form Input
- Updating Input type number in React Form
- Custom widget with input loses focus in react-jsonschema-form when formData is passed as a prop to the form
- Switch form input animation bouncing strangely in mobile safari
- Why does input in React/Redux form change a number into a string?
- Updating initialValues prop on Formik Form does not update input value
- How to create dynamic form input fields in React with ANTd
- Uploading a file using only the input field - React Hook Form
More Query from same tag
- how to send props to an already visible component in react
- Axios.post then method doesn't run
- Can I include <Hidden> menu items in a Material UI <Menu> component?
- What is the best way how to submit form and add props?
- How to determine when state has finished updating?
- How to place Search Bar inside header in React Native?
- How to delete all documents from mongoDB using deleteMany()?
- State using React Typescript: Property does not exist on type 'IntrinsicAttributes & IntrinsicClassAttributes
- Cannot connect component to redux store
- How to show certain array on react JS with mapping?
- webpack dev server does not show the content
- React component does no re-render when it is swapped with the same one
- How can I add some text on a background image with Material UI Card and CardMedia
- I am trying to make a color game in react but always end up with diffrent colors
- Redux Toolkit in TypeScript: createAction abstraction of adding timestamp
- Toggle Icon on Button click React
- Function passed through props shown non-defined
- Next.js routing with "next-connect" for subroutes
- Property 'blob' does not exist on type 'AxiosResponse<any>'
- With React-Router, can you set an "outer" component to render at every route?
- React how use data outside src
- React Context initial state is being mutated - JavaScript / React
- React : state object property is not updating
- React overriding child element styles
- useMemo to set component style
- React router DOM : Switch not working if child element isnt a route
- CRA optional chaining not working even with react-script 3.4.3
- Control html dynamically without component re rendering in React with Apollo
- How do you toggle between light and dark themes while current theme is being locally stored?
- How to show half transparent div in react?