RetailCRM-Mirror/select2
1
0
Fork 0
mirror of synced 2024-11-22 21:16:10 +03:00
Code Issues Projects Releases Wiki Activity
Select2 is a jQuery based replacement for select boxes. It supports searching, remote data sets, and infinite scrolling of results.
1,937 Commits 7 Branches 46 Tags 12 MiB
JavaScript 83.6%
HTML 8.5%
SCSS 7.9%
79cdcc0956
Go to file
Kevin Brown 79cdcc0956 Fix focus wars in multiple selects 
In the previous commit (02cca7b) support was added for multiple
selects to automatically focus when they were tabbed into. While
this did actually work, it caused a few bugs with the focus that
prevented users from tabbing out of the container, effectively
trapping keyboard users in Select2.

This makes a few major changes to how things work in Select2, but
should not break any backwards compatibility.

 - The internal `focus` event is now proxied through a `focus`
   method on the core object. This allows for two important things

   1. The `focus` event will only be triggered if Select2 was in an
      unfocused state.
   2. Select2 now (unofficially) supports the `select2('focus')`
      method again.

   But that does mean that it is possible to trigger the `focus`
   event now and not have it propagate throughout the widget. As
   it would previously trigger multiple times, even when Select2
   had not actually lost focus, this is considered a fix to a bug
   instead of a breaking change.

 - The internal `blur` event in selections is only triggered when
   the focus is moved off of all elements within the selection. This
   allows for better tracking of where the focus is within Select2,
   but as a result of the asynchronous approach it does mean that the
   `blur` event is not necessarily synchronous and may be more
   difficult to trace.

 - On multiple selects, the standard selection container is never
   visually focused. Instead, the focus is always shifted over to
   the search box when it is requested. The tab index of the selection
   container is also always copied to the search box, so the search
   will always be in the tab order instead of the selection container.

It's important to note that these changes to the tab order and how
the focus is shifted do not apply to multiple selects that do not
have a search box. Those changes also do not apply to single select
boxes, which will still have the same focus and tabbing behaviours
as they previously did.
2015-06-21 20:07:35 -04:00
dist Upgraded dev dependency grunt-sass to "^1.0.0". 2015-06-12 23:53:47 +08:00
docs Replace tabs with spaces for consistency 2015-06-18 10:19:56 +02:00
src Fix focus wars in multiple selects 2015-06-21 20:07:35 -04:00
tests Adding single select support and testing 2015-06-10 20:05:07 +10:00
vendor Added jQuery.mousewheel support 2015-01-02 20:32:14 -05:00
.editorconfig Working on rendering everything 2014-10-21 21:43:56 -04:00
.gitignore gitignore .sass-cache. 2015-04-28 01:35:14 +02:00
.jshintignore Overhaul of the AMD integration 2015-03-14 19:05:24 -04:00
.jshintrc Fix undefined variables 2015-02-13 22:49:54 -05:00
.travis.yml Hook up with SauceLabs 2015-02-13 21:59:09 -05:00
bower.json bower.json: main: select2.css => core.scss 2015-05-12 22:14:39 -07:00
component.json Bump version numbers for 4.0.0 release 2015-04-26 17:02:52 -04:00
composer.json Remove jQuery from the bower and component files 2015-01-27 18:31:52 -05:00
CONTRIBUTING.md Updated README and CONTRIBUTING 2015-01-09 19:26:59 -05:00
Gruntfile.js Add back *css* options through an adapter 2015-04-05 21:58:02 -04:00
LICENSE.md Updated README and CONTRIBUTING 2015-01-09 19:26:59 -05:00
package.json Upgraded dev dependency grunt-sass to "^1.0.0". 2015-06-12 23:53:47 +08:00
README.md Update README.md 2015-03-13 12:35:19 +02:00
select2.jquery.json Bump version numbers for 4.0.0 release 2015-04-26 17:02:52 -04:00

README.md

Select2

Build Status

Select2 is a jQuery-based replacement for select boxes. It supports searching, remote data sets, and pagination of results.

To get started, checkout examples and documentation at https://select2.github.io/

Use cases

  • Enhancing native selects with search.
  • Enhancing native selects with a better multi-select interface.
  • Loading data from JavaScript: easily load items via AJAX and have them searchable.
  • Nesting optgroups: native selects only support one level of nesting. Select2 does not have this restriction.
  • Tagging: ability to add new items on the fly.
  • Working with large, remote datasets: ability to partially load a dataset based on the search term.
  • Paging of large datasets: easy support for loading more pages when the results are scrolled to the end.
  • Templating: support for custom rendering of results and selections.

Browser compatibility

  • IE 8+
  • Chrome 8+
  • Firefox 10+
  • Safari 3+
  • Opera 10.6+

Usage

You can source Select2 directly from a CDN like JSDliver or CDNJS, download it from this GitHub repo, or use one of the integrations below.

Integrations

Internationalization (i18n)

Select2 supports multiple languages by simply including the right language JS file (dist/js/i18n/it.js, dist/js/i18n/nl.js, etc.) after dist/js/select2.js.

Missing a language? Just copy src/js/select2/i18n/en.js, translate it, and make a pull request back to Select2 here on GitHub.

Documentation

The documentation for Select2 is available through GitHub Pages and is located within this repository in the docs folder.

Community

You can find out about the different ways to get in touch with the Select2 community at the Select2 community page.

Copyright and license

The license is available within the repository in the LICENSE file.