- add Angular
21.0support.
- feat: track by
id(addidon groups) #92 - add Angular
20.0support.
- fix: when multiselect change fulldata (data & value) #91 (thanks @jcompagner)
- fix: when data and value change at the same time
- fix: remove logger
- fix:
hideSelectedItemson click option to not close the dropdown #58 - fix:
limitSelectionwhen value is not an array
- fix: init value with formControl on init, on setValue, on reset #89
- fix: regression on limit to 0
- build: fix backward compatibility to Angular 18.1 (thanks @bborel-hvs)
- feat: new attribute
nativeKeyboard - feat: add accessibility for
nativeKeyboard(thanks @mbelin-hvs) - feat: improve scrolling behavior in results (thanks @mbelin-hvs)
- fix: multiple opening when overlay is not active
- Fix value when switching between single and multiple
- Add attribute
multipleDrag: drag'n drop list of items in selection
- Rewrite the component to use all the advances of Angular:
- Switch to stand-alone component mode
- Use of signals for inputs & queries
- Removed a lot of setTimeout
- Improved the overlay with the CDK
- Fix autocreate with single option
- Add resettable with multiple mode
- Fix inconsistencies in the code
- Much stricter code rewriting
- Accessibility (from 15.4.0) (thanks @mbelin-hvs)
- Added/modified accessibility attributes
- New inputs for accessibility
titleariaLabelledByariaDescribedByariaInvalidariaResetButtonDescription
- Improved focus/blur
- Fixed readonly
- Added reset button to tab navigation
- Keyboard interactions
- Update
Escape: Improved focus after closing popup.Tab: Navigates correctly when no searchbox.
- New
Home: Opens popup. Goes to first option.End: Opens popup. Goes to last option.PageUp: Opens popup. Goes up 10 options.PageDown: Opens popup. Goes down 10 options.Space: Opens popup. Selects option when there is no search input.Alt+Down,Alt+Up: Opens/closes popup.
- Update
- New demo
- minimum required support has been upgraded to Angular
19.0.
- Added/modified accessibility attributes
- New inputs for accessibility
titleariaLabelledByariaDescribedByariaInvalidariaResetButtonDescription
- Improved focus/blur
- Fixed readonly
- Added reset button to tab navigation
- Keyboard interactions
- Update
Escape: Improved focus after closing popup.Tab: Navigates correctly when no searchbox.
- New
Home: Opens popup. Goes to first option.End: Opens popup. Goes to last option.PageUp: Opens popup. Goes up 10 options.PageDown: Opens popup. Goes down 10 options.Space: Opens popup. Selects option when there is no search input.Alt+Down,Alt+Up: Opens/closes popup.
- Update
- Fixed bugs
- Added accessibility exemples
- Add properties:
selectionOverride: Change what is displayed in the selection area #79selectionNoWrap: Force selection on one line #79showSelectAll: Add an option to select all options c #80selectAllText: Text when all options as not selected #80removeAllText: Text when all options as selected #80
- Fix labels of selected options #81
- Delete a forgotten logger #75
- Add templates for selection (see readme or code generator) #74
- Add grid layout mode in dropdown #72
- Fix init value in multiple mode #73
- Fix reset value
- Fix reset with multiple #69
- Rewrite update event #69
- minimum required support has been upgraded to Angular
18.0.
- manage blur event (overlay, click on option) (thanks @bborel-hvs)
- add
borderlessstyle
- minimum required support has been upgraded to Angular
17.0.
- Fix reset with multiple #69
- Rewrite update event #69
- manage blur event (overlay, click on option)
- add
borderlessstyle
- add
autoCreatefor single mode #56 (thanks @majora2007) - add
autoCreateItemevent #56 (thanks @majora2007)
- fix focus on blur
- fix tab navigation (don't open dropdown with tab)
- fix value when data changes with NgControl
- update current value when data changes
- improve keyboard navigation
- fixed arrow navigation when there is no search field
- improve tab and input actions (fix when unfocus)
- add CSS variables:
--select2-selection-line-height--select2-selection-padding--select2-selection-multiple-gap--select2-selection-multiple-padding--select2-option-padding
- fix customSearchEnabled
- add
resetSelectedValueparameter #42 - fix
autoCreatewith no search input #49
- minimum required support has been upgraded to Angular
16.1.
- rewrite
clickDetection - fix template with
multiple - refacto with
numberAttribute&booleanAttribute(Angular16.1)
- improve
searchevent (seeSelect2ScrollEvent) - add data on
Select2ScrollEvent
- minimum required support has been upgraded to Angular
16.0. - update ngx-infinite-scroll to
16.0.0.
- By default the template is now used in the selection. To revert to previous behavior use
noLabelTemplate. - Code removal for IE11 and Edge
- add
noLabelTemplate: do not use the template in the selection, stay in text mode. - add
autoCreate: gives the possibility to add elements not present in the list. #48 - add CSS variables :
--select2-single-height--select2-multiple-height
- minimum required support has been upgraded to Angular
15.0. - update ngx-infinite-scroll to
15.0.0.
- fix class
select2-container--focus - add item keyboard remove (multiple)
- minimum required support has been upgraded to Angular
14.0. - update ngx-infinite-scroll to
14.0.0.
- minimum required support has been upgraded to Angular
13.2. - update ngx-infinite-scroll to
13.0.2.
- CSS variable
--select2-font-style-colorrenamed in--select2-too-much-font-style
- add
maxResultsmaximum results limit (0= no limit, by default :0). - add
maxResultsMessageparameter, message when maximum results (by default :'Too many results…') - add CSS variables:
--select2-too-much-result-color--select2-too-much-result-style
- filtered data for group is now correct
- Remove
×for disabled & readonly - Update data when new sets come in.
- Fix when
overlayistrueon start
- with
overlayactive, the valueautoforlistPositionis possible
- Fix above position with overlay
- add more controls for
resultContainer
- fix
openevent with overlay - fix
ExpressionChangedAfterItHasBeenCheckedError
- fix overlay size on reopen after resize
- minimum required support has been upgraded to Angular
10.0. - remove parameters
materialandnoStyle, usestyleMode.
- add
overlayparameter with Angular CDK, to change the display method of the dropdown list to the root of the DOM. (See README). - add
noResultMessageparameter, to display a message if there is no result. - add
styleModeparameter, to choose an alternative predefined style of the component.
- fix placeholder overflow (ellipsis)
- add
ngx-infinite-scrollsupport (See README) - add
(removedOption)event, triggered when an option is removed from the list of selected options options list
- remove a forgotten logger
- fix crash when switching between multiple and non-multiple
- add html generator
- hidden options are no longer selectable with keyboard
- add a possibility to hide an option
- add an argument
resettableto display a reset button (in single mode)
- formating options & groups with template
- crash when data is empty
- support for Angular versions up to 11
- also call markForCheck() on the change detector when the filtered values are set
- support for Angular versions up to 10
- Change event is stopped for input
- Fix CSS for outline
- Fix infinite valueChange sometimes because of asynchronous test
- change the return of these events:
(open):voidtoSelect2(close):voidtoSelect2(focus):voidtoSelect2(blur):voidtoSelect2(search):stringtoSelect2SearchEvent
- Fix multiple events for
(update)when value changes
- Fix case with 0 in value
- Added an
idon the select options. - Allow to give a specific id to an option via
Select2Optionconfig.
- Remove the
undefinedclass wrongly added to options whenclassesis not defined onSelect2Option.
- fix update of list when value is
null/undefined/empty
- add
limitSelectionattribute to limit multiple selection. (By default0for no limit)
- review the naming of all CSS variables and add new
- no more predefined variables (it was impossible to overwrite them)
- add event
(focus)and(blur)
- fix the focused status which is not removed in some cases or called for the wrong reason
- add event
(close)
- fix dropdown position with hint
(update): return objectSelect2UpdateValuechange forSelect2UpdateEventobject. Please, see the readme.
- add CSS variables for colors (see the readme)
- add new attributes :
listPosition,minCharForSearch,noStyle - now, selection container use a flexbox layout (CSS symplification)
- update the SearchBox status when the list change
- add a new
displaySearchStatusattribute - edit
minCountForSearchto make it dynamic and easier to use
- fix dropdown when is close
- fix
resultMaxHeight(@Outputinstead of@Input)
- with label and required is true, add a red
*after the label - add new @input parameters :
hideSelectedItems: formultiple, remove selected values (by default :false)resultMaxHeight: change the height size of results (by default :200px);
- fix value update
- fix CSS for the height of result when the panel is closed
- options label accept HTML content
- fix scroll when opening the select to go to the selected option(s)
- fix arrowUp/arrowDown to be able to jump disabled options within the list
- fix spam issue on
filteredDatain some cases - refactoring the method to handle up/down arrows
- update to Angular 7
- add Label with
<select2-label>tag
- ajust CSS
- change the key detection
- fix formcontrol value update
- fix error when using FormControls
- add new examples in the demo
- fix ExpressionChangedAfterItHasBeenCheckedError
- not compatible anymore with Angular 5
- upgrade to Angular 6 using Angular CLI
- change folders architecture to match the Angular CLI
ng newandng generate library