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

How does the size work? #23

Open
mebibou opened this issue Dec 11, 2020 · 3 comments
Open

How does the size work? #23

mebibou opened this issue Dec 11, 2020 · 3 comments
Labels
bug Something isn't working

Comments

@mebibou
Copy link

mebibou commented Dec 11, 2020

When using with an input like this:

<input class="input is-small">

I was expecting the tags-input to keep the correct input size, but instead it became much bigger. Looking at the transformed html, I now have this:

<div class="tags-input">
  <input class="input is-small">
</div>

But looking at the sass file, it seems the size will only work if is-small is applied on .tags-input, which is not the case here. Is it a bug? or an option to give when using new BulmaTagsInput(selector, options);

@mebibou
Copy link
Author

mebibou commented Dec 11, 2020

Actually even when I add the is-small class on the tags-input, the input it still much bigger than it should

@CreativeBulma CreativeBulma added the bug Something isn't working label Dec 11, 2020
@greenhost87
Copy link

Same problem

@mebibou
Copy link
Author

mebibou commented Feb 17, 2022

Temporary solution:

.tags-input {
  min-height: auto;

  .input {
    border: 0;
    height: initial;
    margin: initial;
  }
}

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working
Projects
None yet
Development

No branches or pull requests

3 participants