Skip to content

Bad inline layout at certain width with select multiple #3906

@alxndrsn

Description

@alxndrsn

Config

Version: 4.0.0

Demo

screen shot 2015-11-05 at 17 15 40

# Steps to recreate 1. open select2 _Examples_ at https://select2.github.io/examples.html 2. scroll down to _Multiple select boxes_ example 3. execute `$(".js-example-basic-multiple").select2({ allowClear: true });` in js console 4. select _Alaska_ and then _Hawaii_ 5. right-click on _Hawaii_, and choose _Inspect Element_ 6. select the `
  • ` element for _Hawaii_ in _Inspector_/_Elements_ debug tab 7. for the selected element, set `width: 249px` 8. observe weird layout # Notes

    This example may seem contrived, but will happen IRL if content lengths are correct, e.g.:

    screen shot 2015-11-05 at 14 06 43
  • 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