search

i-like-robots / react-tags

⚛️ Legacy repo for the fantastically simple tagging component for your React projects (legacy repo)
http://i-like-robots.github.io/react-tags
MIT License
457 stars 170 forks source link

Autoresize causes input to jump around #261

Closed jtojnar closed 1 year ago

jtojnar commented 2 years ago

Current behaviour

When the placeholder does not fit on first line, it is placed on another one. But when one starts typing, the input will shrink, which might make it fit on the first line again.

Expected behaviour

The input should not shrink to be shorter than placeholder.

Steps to Reproduce

Steps to reproduce the problem:

  1. Add tags until placeholder would not fit.
  2. Type.

Example

Can reproduce it on the demo too.

Screenshots

https://user-images.githubusercontent.com/705123/150530888-41630ceb-3edd-4e73-8fca-1b8d5f0ea4de.mp4

Your environment

i-like-robots commented 2 years ago

This is now the default behaviour in the next major version of this component

i-like-robots commented 1 year ago

Closing as v7 has now been released and the input will no longer render narrower than the placeholder text.

jtojnar commented 1 year ago

Thanks. But it looks like there is still some pathological case in InputSizer:

Screencast from 2023-07-16 17-03-38.webm

Will try to debug it closer next week.

Edit: Can reproduce it by foo bar and then b in your demo as well.