fix(web): wrap long names with textarea (#19301)

This commit is contained in:
Jin Xuan 2025-06-19 23:57:54 +08:00 committed by GitHub
parent 910661e75c
commit 747a72120e
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194

View File

@ -370,16 +370,15 @@
onToggleFavorite={() => handleToggleFavorite(person)}
/>
<input
type="text"
class=" bg-white dark:bg-immich-dark-gray border-gray-100 placeholder-gray-400 text-center dark:border-gray-900 w-full rounded-2xl mt-2 py-2 text-sm text-immich-primary dark:text-immich-dark-primary"
<textarea
class="bg-white dark:bg-immich-dark-gray border-gray-100 placeholder-gray-400 text-center dark:border-gray-900 w-full rounded-2xl mt-2 p-2 text-sm text-immich-primary dark:text-immich-dark-primary resize-none field-sizing-content"
value={person.name}
placeholder={$t('add_a_name')}
use:shortcut={{ shortcut: { key: 'Enter' }, onShortcut: (e) => e.currentTarget.blur() }}
onfocusin={() => onNameChangeInputFocus(person)}
onfocusout={() => onNameChangeSubmit(newName, person)}
oninput={(event) => onNameChangeInputUpdate(event)}
/>
></textarea>
</div>
{/snippet}
</PeopleInfiniteScroll>