Skip to content
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

[bug]: Height of input is changing #94

Open
mrredr opened this issue Sep 12, 2024 · 1 comment
Open

[bug]: Height of input is changing #94

mrredr opened this issue Sep 12, 2024 · 1 comment

Comments

@mrredr
Copy link

mrredr commented Sep 12, 2024

Describe the bug

Height of input is changes with and without tags. It creates unnecessary shifts

How to reproduce

  1. Add one tag to the empty tags input
  2. Remove tag from the tags input

Link to reproduction

https://emblor.jaleelbennett.com/api-reference

Additional information

No response

@gregmsanderson
Copy link

It looks like you can either manually make the input wider or make the tags narrower. For example (assuming a size of xs) one of:

styleClasses={{
  //input: "h-[46px]",
  tag: {
    body: "h-5",
  },
}}

Either prevents the expansion since the input is either already big, or the tags are smaller when added.

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

No branches or pull requests

2 participants