Skip to content

b-tags-input shrink/grow when tag list goes from empty to populated #5750

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

Closed
DM2489 opened this issue Sep 9, 2020 · 0 comments · Fixed by #5752
Closed

b-tags-input shrink/grow when tag list goes from empty to populated #5750

DM2489 opened this issue Sep 9, 2020 · 0 comments · Fixed by #5752

Comments

@DM2489
Copy link
Contributor

DM2489 commented Sep 9, 2020

Describe the bug

A recent PR to b-tags-input has caused as styling bug.

Now, the input box is shrunk when empty (34 pixels) and no tags are selected. it grows by 4px (38px) when tags are added.

#5544

Removing this CSS definition seems like it would fix the bug to me:

.b-form-tags-list {
    margin-top: -0.25rem;

    .b-form-tag {
      margin-top: 0.25rem;
    }
  }

Steps to reproduce the bug

This can be seen on the Bootstrap-Vue docs page by simply removing tags from the examples. When the list is empty, it will shrink in height by 4px and then grow back by 4px when the tags are re-added.

Expected behavior

The height of the element should be constant (38px) regardless of whether any tags are inputted or not.

Versions

Libraries:

  • BootstrapVue: 2.16.0
@DM2489 DM2489 changed the title b-tags-input shrink/grow when inputs added or removed b-tags-input shrink/grow when tag list goes from empty to populated Sep 9, 2020
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
2 participants