Skip to content

[Bug]: высота Textarea при sizeY="compact" больше высоты Input #8403

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
al-march opened this issue Mar 26, 2025 · 4 comments
Labels

Comments

@al-march
Copy link

Описание

Если выставить

<AdaptivityProvider sizeY="compact"/>

То по умолчанию в textarea будет указана высота 44px, высота же Input указывается в css перменной
--vkui--size_field_height--compact, которая соответствует 36px, из-за чего размеры не совпадают

Уверен, проблема в том что для compact мода не указан меньший padding, из-за чего scrollHeight textarea становится слишком большим

Если установить padding: 6px, то Textarea станет ровно нужного размера в соответствии с размером Input
https://github.com/VKCOM/VKUI/blob/master/packages/vkui/src/components/Textarea/Textarea.module.css

Версия

7.2.0

В каких браузерах воспроизводится проблема?

Chrome, Safari

Шаги воспроизведения

No response

Ожидаемое поведение

Высота textarea и input одинаковая при rows={1}

Скриншоты

Image

Пример с воспроизведением

No response

@al-march
Copy link
Author

Могу я сам поправить проблему, создав свой пр с решением?

@BlackySoul
Copy link
Contributor

Могу я сам поправить проблему, создав свой пр с решением?

Привет, конечно, мы приветствуем любой контрибьют, сначала можно почитать этот гайд, он поможет настроить проект

@BlackySoul
Copy link
Contributor

Хотя сейчас обнаружилось, что уже такая задача была, уточню детали и вернусь с ответом

@al-march
Copy link
Author

@BlackySoul там некорректно указано, в коде видно что есть представление compact, но оно некорректно работает

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

No branches or pull requests

2 participants