🐞 - `Input` label misaligned when `tuiTextfieldSize='s'` and `tuiTextfieldIconLeft`

taiga-family / taiga-ui

Angular UI Kit and components library for awesome people

https://taiga-ui.dev

Apache License 2.0

3.3k stars 465 forks source link

🐞 - `Input` label misaligned when `tuiTextfieldSize='s'` and `tuiTextfieldIconLeft` #9806

Open DmitryBrovchenko opened 5 days ago

DmitryBrovchenko commented 5 days ago

Reproduction url

https://taiga-ui.dev/v3/components/input/API?placeholder=&tuiTextfieldLabelOutside=true&tuiTextfieldIconLeft=tuiIconMailLarge&tuiTextfieldSize=s

Description

The label is not aligned with the text field when tuiTextfieldSize = 's' and there is some icon in tuiTextfieldIconLeft. The cursor overlaps it on click.

With icon:

Without icon:

Taiga UI version

3.98.0

Browser Used

Chrome

OS Used

Windows