Prefix/Suffix not inline with autocomplete field

Changes are made on on 11.x (our main development branch) first, and are then back ported as needed according to our policies.

The 100% width is also causing the issue in #3471683

nayana_mvr → made their first commit to this issue’s fork.

I'm able to reproduce the issue in Drupal core 11.x . Steps followed:-

1. Created a new text field and entity reference field with limit 2 in the content type 'Article'
2. Created a custom module
3. Added 'field_prefix' and 'field_suffix' for both the newly created fields.
4. For text field, prefix and suffix are coming as inline but for entity reference it’s not.

Attached screenshots for reference

I tried the suggested solution i.e., changing width: auto; for the entity reference input element and it fixes the issue. Also, created an MR for the same.

Noticed that entity reference field without limit doesn’t have 100% width. So making the above changes, both type of entity reference fields will have same width. I'm not sure if that is an issue here.

Have not reviewed.

MR has build issues.

One file was missing in the commit. I have added that and now the build issue is fixed. Kindly review.