Skip to content

Input takes 2 rows on single selection #22

@isneezy

Description

@isneezy

Describe the bug
When using a single selection mode, after selecting an option the selectize input takes two rows if the selected item plus the input element size doesn't fit into the available width. the input element minimum with is always 109px with is unnecessary after something is selected (4px should be enough).

To Reproduce
Steps to reproduce the behavior:

  1. Create single mode selectize input whith about 181px - 200px with ['Provincia de Inhambane', 'Cidade de Inhambane'] options
  2. Search for Inhambane
  3. Select the first option
  4. You'll see that the input now adds one more row.

Expected behavior
The selected item behavior is correct but the subsequent input should take only 4px. unless we typed another word or cleared the selected value(s)

Screenshots
vueselectize-empty
vueselectize selected

Desktop (please complete the following information):

  • OS: ElementaryOS
  • Browser Firefox
  • Version 63.0.3 (64-bit)

Additional context
Add any other context about the problem here.

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugSomething isn't working

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions