Skip to content

Design changes in upcoming Select2 4.1.0 release #49

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.

Sign up for GitHub

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

Jump to bottom
Open
kevin-brown opened this issue May 2, 2020 · 5 comments
Open

Design changes in upcoming Select2 4.1.0 release #49

kevin-brown opened this issue May 2, 2020 · 5 comments

Comments

@kevin-brown
Copy link

Hi there, this appears to be a frequently used theme for Select2 and I wanted to give you a heads up about upcoming changes to the Select2 CSS/HTML in the next, release 4.1.0. The release date for this theme has not yet been determined, but we are about to roll 4.1.0-beta.1 which features many of these changes.

While many of these should not significantly impact the display of this theme, some of these are going to require modifying the existing CSS to make it look Boostrap-like again. Unfortunately we do not believe that these changes are able to be made backwards-compatible with existing versions of Select2, largely because of the HTML changes that forced the multiple select to be rendered differently.

Feel free to reach out to us about any bugs you encounter or questions you have about these changes.
@weberhofer weberhofer mentioned this issue Jul 3, 2020
Closed
tagliala added a commit to tagliala/select2-bootstrap4-theme that referenced this issue Feb 17, 2021
@tagliala
Add compatibility with Select2 4.1
6070cdb 
- Uses Bootstrap's `custom-select` implementation for uniformity
- Use SVG background image for clear button
- Add some lints to improve code readability

Ref: https://getbootstrap.com/docs/4.6/components/forms/#select-menu

Close: ttskch#49
tagliala added a commit to tagliala/select2-bootstrap4-theme that referenced this issue Feb 17, 2021
@tagliala
Add compatibility with Select2 4.1
d00a85e 
- Uses Bootstrap's `custom-select` implementation for uniformity
- Use SVG background image for clear button
- Add some lints to improve code readability

Ref: https://getbootstrap.com/docs/4.6/components/forms/#select-menu

Close: ttskch#49
tagliala added a commit to tagliala/select2-bootstrap4-theme that referenced this issue Mar 2, 2021
@tagliala
Add compatibility with Select2 4.1
79d4f47 
- Uses Bootstrap's `custom-select` implementation for uniformity
- Use SVG background image for clear button
- Add some lints to improve code readability

Ref: https://getbootstrap.com/docs/4.6/components/forms/#select-menu

Close: ttskch#49
tagliala added a commit to tagliala/select2-bootstrap4-theme that referenced this issue Mar 2, 2021
@tagliala
Add compatibility with Select2 4.1
a4cf08d 
- Uses Bootstrap's `custom-select` implementation for uniformity
- Use SVG background image for clear button
- Add some lints to improve code readability

Ref: https://getbootstrap.com/docs/4.6/components/forms/#select-menu

Close: ttskch#49
tagliala added a commit to tagliala/select2-bootstrap4-theme that referenced this issue Mar 2, 2021
@tagliala
Add compatibility with Select2 4.1
8f13c45 
- Uses Bootstrap's `custom-select` implementation for uniformity
- Use SVG background image for clear button
- Add some lints to improve code readability

Ref: https://getbootstrap.com/docs/4.6/components/forms/#select-menu

Close: ttskch#49
tagliala added a commit to tagliala/select2-bootstrap4-theme that referenced this issue Mar 2, 2021
@tagliala
Add compatibility with Select2 4.1
7a549ba 
- Uses Bootstrap's `custom-select` implementation for uniformity
- Use SVG background image for clear button
- Add some lints to improve code readability

Ref: https://getbootstrap.com/docs/4.6/components/forms/#select-menu

Close: ttskch#49
tagliala added a commit to tagliala/select2-bootstrap4-theme that referenced this issue Mar 2, 2021
@tagliala
Add compatibility with Select2 4.1
df3c43e 
- Uses Bootstrap's `custom-select` implementation for uniformity
- Use SVG background image for clear button
- Add some lints to improve code readability

Ref: https://getbootstrap.com/docs/4.6/components/forms/#select-menu

Close: ttskch#49
tagliala added a commit to tagliala/select2-bootstrap4-theme that referenced this issue Mar 2, 2021
@tagliala
Add compatibility with Select2 4.1
3edb9df 
- Uses Bootstrap's `custom-select` implementation for uniformity
- Use SVG background image for clear button
- Add some lints to improve code readability

Ref: https://getbootstrap.com/docs/4.6/components/forms/#select-menu

Close: ttskch#49
tagliala added a commit to tagliala/select2-bootstrap4-theme that referenced this issue Mar 2, 2021
@tagliala
Add compatibility with Select2 4.1
75f62d2 
- Uses Bootstrap's `custom-select` implementation for uniformity
- Use SVG background image for clear button
- Add some lints to improve code readability

Ref: https://getbootstrap.com/docs/4.6/components/forms/#select-menu

Close: ttskch#49
tagliala added a commit to tagliala/select2-bootstrap4-theme that referenced this issue Mar 2, 2021
@tagliala
Add compatibility with Select2 4.1
c00bbfe 
- Uses Bootstrap's `custom-select` implementation for uniformity
- Use SVG background image for clear button
- Add some lints to improve code readability

Ref: https://getbootstrap.com/docs/4.6/components/forms/#select-menu

Close: ttskch#49
tagliala added a commit to tagliala/select2-bootstrap4-theme that referenced this issue Mar 3, 2021
@tagliala
Add compatibility with Select2 4.1
ffe389d 
- Uses Bootstrap's `custom-select` implementation for uniformity
- Use SVG background image for clear button
- Add some lints to improve code readability

Ref: https://getbootstrap.com/docs/4.6/components/forms/#select-menu

Close: ttskch#49
tagliala added a commit to tagliala/select2-bootstrap4-theme that referenced this issue Mar 3, 2021
@tagliala
Add compatibility with Select2 4.1
a689372 
- Uses Bootstrap's `custom-select` implementation for uniformity
- Use SVG background image for clear button
- Add some lints to improve code readability
- Use the same Browserlist configuration as Bootstrap 4.6

Ref: https://getbootstrap.com/docs/4.6/components/forms/#select-menu

Close: ttskch#49
@tagliala tagliala mentioned this issue Mar 3, 2021
Draft
tagliala added a commit to tagliala/select2-bootstrap4-theme that referenced this issue Mar 3, 2021
@tagliala
Add compatibility with Select2 4.1
1a0c800 
- Uses Bootstrap's `custom-select` implementation for uniformity
- Use SVG background image for clear button
- Add some lints to improve code readability
- Use the same Browserlist configuration as Bootstrap 4.6

Ref: https://getbootstrap.com/docs/4.6/components/forms/#select-menu

Close: ttskch#49, ttskch#61
tagliala added a commit to tagliala/select2-bootstrap4-theme that referenced this issue Mar 3, 2021
@tagliala
Add compatibility with Select2 4.1
3c59426 
- Uses Bootstrap's `custom-select` implementation for uniformity
- Use SVG background image for clear button
- Add some lints to improve code readability
- Use the same Browserlist configuration as Bootstrap 4.6

Ref: https://getbootstrap.com/docs/4.6/components/forms/#select-menu

Close: ttskch#49, ttskch#60, ttskch#61
tagliala added a commit to tagliala/select2-bootstrap4-theme that referenced this issue Mar 3, 2021
@tagliala
Add compatibility with Select2 4.1
5ce55e8 
- Uses Bootstrap's `custom-select` implementation for uniformity
- Use SVG background image for clear button
- Add some lints to improve code readability
- Use the same Browserlist configuration as Bootstrap 4.6

Ref: https://getbootstrap.com/docs/4.6/components/forms/#select-menu

Close: ttskch#49, ttskch#60, ttskch#61
tagliala added a commit to tagliala/select2-bootstrap4-theme that referenced this issue Mar 3, 2021
@tagliala
Add compatibility with Select2 4.1
c592be9 
- Uses Bootstrap's `custom-select` implementation for uniformity
- Use SVG background image for clear button
- Add some lints to improve code readability
- Use the same Browserlist configuration as Bootstrap 4.6

Ref: https://getbootstrap.com/docs/4.6/components/forms/#select-menu

Close: ttskch#49, ttskch#60, ttskch#61, ttskch#19
tagliala added a commit to tagliala/select2-bootstrap4-theme that referenced this issue Mar 13, 2021
@tagliala
Add compatibility with Select2 4.1
67d9719 
- Uses Bootstrap's `custom-select` implementation for uniformity
- Use SVG background image for clear button
- Add some lints to improve code readability
- Use the same Browserlist configuration as Bootstrap 4.6

Ref: https://getbootstrap.com/docs/4.6/components/forms/#select-menu

Close: ttskch#49, ttskch#60, ttskch#61, ttskch#19
tagliala added a commit to tagliala/select2-bootstrap4-theme that referenced this issue Mar 14, 2021
@tagliala
Add compatibility with Select2 4.1
1fb197b 
- Uses Bootstrap's `custom-select` implementation for uniformity
- Use SVG background image for clear button
- Add some lints to improve code readability
- Use the same Browserlist configuration as Bootstrap 4.6

Ref: https://getbootstrap.com/docs/4.6/components/forms/#select-menu

Close: ttskch#49, ttskch#60, ttskch#61, ttskch#19
tagliala added a commit to tagliala/select2-bootstrap4-theme that referenced this issue Mar 14, 2021
@tagliala
Add compatibility with Select2 4.1
41917f4 
- Uses Bootstrap's `custom-select` implementation for uniformity
- Use SVG background image for clear button
- Add some lints to improve code readability
- Use the same Browserlist configuration as Bootstrap 4.6

Ref: https://getbootstrap.com/docs/4.6/components/forms/#select-menu

Close: ttskch#49, ttskch#60, ttskch#61, ttskch#19
tagliala added a commit to tagliala/select2-bootstrap4-theme that referenced this issue Mar 14, 2021
@tagliala
Add compatibility with Select2 4.1
6ea50fe 
- Uses Bootstrap's `custom-select` implementation for uniformity
- Use SVG background image for clear button
- Add some lints to improve code readability
- Use the same Browserlist configuration as Bootstrap 4.6

Ref: https://getbootstrap.com/docs/4.6/components/forms/#select-menu

Close: ttskch#49, ttskch#60, ttskch#61, ttskch#19
@hquick81
Copy link

Any update on this ? When can we expect the changes to be merged ?

@diesl
Copy link

diesl commented May 19, 2021

Any update on this ? When can we expect the changes to be merged ?

I would like to know this too. What is the plan for being compatible with select2 v4.1 again?

@rob101
Copy link

rob101 commented Sep 24, 2021

+1

@diesl
Copy link

diesl commented Oct 15, 2021

@ttskch Can you give some feedback please?

@alfonsrv
Copy link

Multi-select doesn't work properly. With select2 4.1.0 and the latest release from this repo, it still renders like this: #71

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
None yet
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
5 participants
@hquick81 @kevin-brown @diesl @rob101 @alfonsrv