select2 4.0 - dropdownAutoWidth not working

[santaclaus21]

option dropdownAutoWidth is not working in 4.0. It's important in my case...

[kevin-brown]

Merging into #3419.

[kvikram1988]

Is this fix available as part of 4.0.0 release. When will we get it into any further release???

[kevin-brown]

Unfortunately that other ticket was closed off as being a different issue, so I'm reopening this one temporarily. dropdownAutoWidth was added back in time for 4.0.0 (this commit: e416e47).

---

Can you expand upon the issue you are facing by adding a few more pieces of information to your bug report?

• What steps can be used to reproduce the issue?
• What is the bug and what is the expected outcome?
• What browser(s) and Operating System have you tested with?
• Does the bug happen consistently across all tested browsers?
• What version of jQuery are you using? And what version of Select2?
• Are you using Select2 with other plugins?

The contributing guide contains a useful section with a few questions which can help us track down the bug and speed up the process of finding a fix for it. The creation of an isolated test case would also be useful.

[santaclaus21]

This is still not working in 4.0.1 (even using full version).

{width: 'resolve', theme: 'classic', dropdownAutoWidth: 'true'}

in 3.5.2 looks good:

[G4g4Rm3L]

I have the same problem. It works for me if I add "css.position = 'relative';" at line 4246 (select2.full.js / 4.0.1)

    if (this.options.get('dropdownAutoWidth')) {
      css.minWidth = css.width;
      css.width = 'auto';
      css.position = 'relative';
    }

[santaclaus21]

As @G4g4Rm3L said, should be added "css.position = 'relative';" at if (this.options.get('dropdownAutoWidth')). Without this change option not working for me.

not working example on jsfiddle:
https://jsfiddle.net/wphqwvLf/120/

[joetidee]

Please re-open. Still has issues with not auto-sizing to the container of the select2:

https://jsfiddle.net/fbz0mngp/4/

[santaclaus21]

Hm... https://jsfiddle.net/fbz0mngp/7/. It looks fine for me (?)

[joetidee]

In this example, would you not expect the select to act responsively and shrink down to fill the right-most div (make sure you select the long answer from the list) ?:

https://jsfiddle.net/fbz0mngp/17/