8000 b-tags-input shrink/grow when tag list goes from empty to populated · Issue #5750 · bootstrap-vue/bootstrap-vue · GitHub
[go: up one dir, main page]

Skip to content
b-tags-input shrink/grow when tag list goes from empty to populated #5750
Closed
@DM2489

Description

@DM2489

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

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions

      0