I installed material-ui-chip-input to implement tags in an input field. I wanted a label alongside it, so I utilized the default Material UI label for consistency with other inputs. However, the input doesn't shrink as expected when clicked on by the user.
Below is my code snippet and a screenshot of the design. Any assistance would be greatly appreciated. Thank you in advance!
https://i.stack.imgur.com/LGzjY.png
<div className={`${styles.input_range} form_design`}>
<label className={styles.character_limit}>(13/30)</label>
<label class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated" data-shrink="false" for="standard-basic" id="standard-basic-label">Title</label>
<ChipInput
defaultValue={['Science', 'Arts']}
// onChange={(chips) => handleChange(chips)}
/>
</div>