Inconsistencies between input and textarea

[SisIvanova]

Description

There are some differences between a regular input and a textarea related to the left and right indentations. For instance, in Indigo theme, an input prefix has a min-width of 12px, no padding between the prefix and the input text, and 12px padding between the input text and the suffix. The min-width and padding are not changing depending on the display density of the input. If a user changes the background of the prefix/suffix containers, the input text will have no padding on the left but only on the right.

The textarea, on the other hand, has not only 12px min-width on its prefix but also a padding-inline of 8px/6px/4px depending on the display density. This results in a different left and right indentation in the textarea itself if there is no prefix and suffix and also differs from a regular input field.

• igniteui-angular version: 16.1.x / 16.0.x / 15.1.x

Similar problems are present in the rest of the themes. There may also be some issues in IgniteUI WebComponents.

Steps to reproduce

1. Open the input group sample
2. Compare the left and right indentations of a regular input and a textarea

Expected result

All input fields should be consistent.