Skip to content
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.

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

Design changes in upcoming Select2 4.1.0 release #49

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.

tagliala added a commit to tagliala/select2-bootstrap4-theme that referenced this issue Feb 17, 2021
- 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
- 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
- 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
- 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
- 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
- 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
- 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
- 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
- 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
- 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
- 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
- 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 added a commit to tagliala/select2-bootstrap4-theme that referenced this issue Mar 3, 2021
- 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
- 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
- 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
- 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
- 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
- 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
- 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
- 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
Labels
None yet
Projects
None yet
Development

No branches or pull requests

5 participants