feat(tag): implemented editable tags (#DS-4091)

[artembelik]

No description provided.

[github-actions]

Visit the preview URL for this PR (updated for commit d7adb2f):

https://koobiq-next--prs-987-pedcy94r.web.app

_{(expires Mon, 08 Sep 2025 09:05:14 GMT)}

_{🔥 via Firebase Hosting GitHub Action 🌎}

_{Sign: c9e37e518febda70d0317d07e8ceb35ac43c534c}

[rmnturov]

Сейчас легко ткнуть не туда и фокус ставится на теги. Не туда — это только с точки зрения компонента, а для пользователя он кликал в область в ввода, он опчти попал по крестику. Ожидается, что именно эти вещи сработают, а не то, когда фокус уходит в совершенно другое место

tag-input-click-area.mp4

[rmnturov]

при входе в режим редактирования тег не должен увеличиваться. по дизайну все задумано, чтобы габариты остались прежними

Спека

[rmnturov]

Тосты при редактировании и сохранении не нужны в доке. Они говорят, будто так и надо делать в продуктах. А не надо

[rmnturov]

При вводе длинного текста ожидаю, что тег перенесется на новую строку, общая высота тег инпута увеличится

Сейчас так

А надо так

[rmnturov]

При редактировании тега с длинным значением не должно быть уменьшения тега и переноса

Сейчас так

Надо так

[rmnturov]

Не работает при редактировании тега

Отмена изменений:
При нажатии клавиши Escape.

[rmnturov]

При коротком значении тег не уменьшается до мин. ширины, а должен

[rmnturov]

Есть возможность сохранить пустой тег, а такого быть не должно

[rmnturov]

В примере «Редактирование» пусть все созданные юзером теги будут доступны для редактирования

[rmnturov]

Фокуса на кнопку-галочку быть не должно

[NikGurev]

Позиция курсора сохраняется при выходе из режима редактирования. @rmnturov нужно ли его устанавливать в начало при повторном открытии?

Screen.Recording.2025-08-27.at.15.43.24.mov

[rmnturov]

минимальная ширина тега, надо больше
слева реализация. справа проект

[rmnturov]

Позиция курсора сохраняется при выходе из режима редактирования. @rmnturov нужно ли его устанавливать в начало при повторном открытии?
Screen.Recording.2025-08-27.at.15.43.24.mov

@artembelik @NikGurev при входе в редактирование предлагаю выделять текст в теге и ставить курсор в конец

[rmnturov]

Сейчас легко ткнуть не туда и фокус ставится на теги. Не туда — это только с точки зрения компонента, а для пользователя он кликал в область в ввода, он опчти попал по крестику. Ожидается, что именно эти вещи сработают, а не то, когда фокус уходит в совершенно другое место

эта логика не изменялась в рамках этой фичи, кажется что это баг, как это должно работать?

пока оставим по-старому. помечу себе отдлельной задачей

[rmnturov]

Позиция курсора сохраняется при выходе из режима редактирования. @rmnturov нужно ли его устанавливать в начало при повторном открытии?
Screen.Recording.2025-08-27.at.15.43.24.mov

в начало точно не нужно. чаще всего курсор устанавливается в конец

[artembelik]

минимальная ширина тега, надо больше

будет реализовано в рамках DS-4146

[artembelik]

при входе в редактирование предлагаю выделять текст в теге и ставить курсор в конец

@rmnturov @NikGurev поправил

[rmnturov]

Хром макось
Криво сохраняется тег с длинным текстом

tag-long-text.mp4

[rmnturov]

Отключить бы в примере с тегами автокомплит барузера