- Checkbox/Dropdown/Search - Fixed issue where dropdown/checkbox
changeevents were not bubbling. (Dispatched events were swapped to use nativedocument.creatEventin2.1.5unfortunately the flag to bubble events was mistakenly off.)
- Dropdown - Added
onLabelRemovecallback that allows value removal to be cancelled by callback Thanks @goloveychuk - Checkbox/Dropdown/Search - Fixed issue where using
.trigger('change')would not fire nativechangeevent. Only triggering event handlers attached with jQuery #3108 - Dropdown - Fixed condition where focusing on dropdown would show a blank menu when "no results" was reached and the dropdown was refocused
- Dropdown - Search dropdowns will now correctly filter by current search term on re-focus
- Dropdown - Fixed issue where tabindex was being removed incorrectly with
selection dropdownin some cases. #3002 - Dropdown - Added
remoteValuesas a possiblefieldsetting. Allowing users to return API results using arbitrary JSON object groupings. #3080 - Dropdown - Added ability to pass in
keysas a setting, to avoid issues with languages where comma delimiter may be a different keycode #3016 - Dropdown -
search dropdownwill now initialize withautocomplete="off"to avoid triggering native autocomplete menu
- Dropdown - Fixed issue with ',' key not being allowed in dropdown due to user tagging shortcut key #3016
- Dropdown - Dropdown using remote data, can now customize the property names returned by api call using
fields(similar to search). - Dropdown - Dropdown will now automatically update selected values when hidden input value changes (so long as
changeevent is triggered) #2626 - Dropdown - Dropdown with user additions now will use custom templated messages to distinguish added choice from preselected choice #2923
- Dropdown - Added
get default textandget placeholder textbehaviors for returning text values. - Dropdown - Pointing dropdown (dropdown with arrows) now support
upward, and will automatically move pointer arrows when appearing upward #2733 - Dropdown - Dropdown
showandhideare now cancellable by returningfalsefromonShoworonHidecallbacks.
- Dropdown -
forceSelectionno longer sets current value in search selection when current query is blank #2058 - Dropdown - Dropdown
@arrowSizewill now automatically reposition itself if size is changed with variable - Dropdown - Dropdown arrow now has a variable
@dropdownArrowSize, and is slightly smaller than previously - Dropdown - Fix
left menuinsideui menuappearing horizontally #2778 - Dropdown - Fixed error where menu would disappear when entering spaced words using
allowAdditions: truecaused by value matching its own whitespace-trimed value #2853 - Dropdown - Fixed issue where "no results" message would be still be visible before search query on input focus #2824
- Dropdown - Fixed issue where
onChangewould not fire when usingaction: 'hide'. #2818 - Dropdown - Fixed issue where selected item would not be shown when being re-shown after filtering with single search selection #2824
- Dropdown - Fixes issues with setting "" (empty quote) values when
placeholder: falseis used. Fixes issues with usingclearandrestore defaultswithout placeholders. #2637 - Dropdown - Remove use of
trimwhich causes issues IE 11 and below #2806 - Form -
disabled field(s)now removepointer-eventsallowing it to disable checkbox and dropdown functionality #555 - Dropdown - Fixed issue where label could not be removed when using a numeric value due to mismatched types [#2754 #2755 Thanks @dgurkaynak
- Dropdown - Dropdown will no longer fire native
onchangeevent on hidden input when setting value during initial load (unlessfireOnInit: true) #2795 Thanks @lauri-elevant - Dropdown - Fixed issue where
forceSelectionwould not occur whenpageLostFocus(clicked into another tab and back) - Dropdown - Fixed issue where using the specific value
value="false"would cause an option to not be removable from a multiple select - Dropdown - When
useLabels: falseplaceholder text will now show up when 0 items selected, instead of the text "0 items selected" - Dropdown/Tab - Fixed an instance where
metadatawas not referencing settings metadata value - Form - Dropdown in
inline fieldnow use auto width instead of 100% - Menu - Fix text align on
dropdown iteminsideicon menu
- Dropdown - Fixed border radius on
circular labeled icon button#2700 - Dropdown - Fixed issue where dropdown nested inside
labelwould not open. #2711
- Dropdown - Fixed issue where
disableddropdown would still receive focus #2699 - Dropdown - Fixed
restore valuesometimes now working correctly due to "animating out" label still being mistaken for selected. #2690 - Dropdown - Added
set exactlyto remedy confusion ofset selectednot removing current selections with multiple #2689 - Dropdown - Fixed issue where using text labels,
useLabels: false, would cause selection count to appear incorrect. - Dropdown - Text labels,
useLabels: false, now works correctly withmaxSelections, and receives special UX considerations
- Dropdown - Fixed issue causing
multiple search dropdownusingsearchinside menu to break when multiple #2666 - Dropdown -
<select>dropdowns intialized withoutmultipleproperty set on<select>will now produce an error to alert users selection will not be preserved correctly. Related #2573 - Dropdown - Dropdown
<option>added withuserAdditionnow recieve class nameadditionto distinguish from original<select>options. #2573 - Dropdown - User additions now have their
<option>removed if a user deselects an addition. #2573
- Dropdown - Fixed
search selectionappearing incorrectly inside menu (default text would not disappear) #2624
- Dropdown - Dropdown using
<select>andapiSettingswill now correctly add new<option>value when selections are made #2573
- Dropdown - Fixed regression in
2.0.1causing search dropdown not to clear values correctly #2533 - Dropdown - Dropdown icon will now always toggle menu visibility #2510
- Dropdown - Pressing same key on dropdown with multiple choices with same first letter will now cycle selections. For example "California" then "Colorado" when pressing C #2516
- Dropdown - Dropdown now changes text before calling
onChangecallback so that callback reflects new dropdown conditions #2539 - Dropdown - Clicking on label, or deleting a label will no longer trigger dropdown menu toggling
- Dropdown - Multiselect that do use text labels (e.g. "5 selected") will now remove filters on selection and scroll to last selected value
- Dropdown - Fixed transparent tap color not being set correctly. Removed toggle behavior from touch events on multiple dropdown. #2524
- Dropdown -
restore defaultsin dropdown when used with multiple will now correctly clear other values selected that were not there on page load. - Dropdown - Removes accidental console.log statement in dropdown
- Dropdown - Dropdown no longer closes after max selections reached and enter key used for selection.
- Dropdown - Dropdown will now show correctly when menu only includes a message with no other items
- Dropdown - Dropdowns will now change opening directions automatically based on available screen space. If you need to force a dropdown direction use
dropdown({ direction: 'upward'}) - Dropdown - Dropdown item
descriptionnow are floated in default theme and should be included before otheritemcontent - Multiselect - New
multipledropdown types have been added. Many new dropdown improvements have been added including tagging/tokenizing features and loading data through API requests. - Dropdown - Added remote API integration with dropdown, to allow
search selectionto query against a remote dataset. - Dropdown - Dropdowns now automatically observe changes in
menuand will update selector cache with new additions - Dropdowns - Added ability to add custom choices to all search selection dropdowns (multi/single) using
allowAdditions: truesetting. Search now displays error messages on no results in all cases. - Dropdown - Keyboard shortcuts have been added for selecting dropdown choices, for example "N" will scroll to "New York" in a state selection list, similar to native
<select>behavior. - Dropdown - Added new dropdown variation
scrolling dropdownandscrolling menu, this can be used to include a scrollable section inside a dropdown menu. - Dropdown - Dropdown will automatically animate upward if there is not enough space to appear below.
- Dropdown - Using
page upandpage downkeys will now scroll menus by a page at a time - Transition - Fallback javascript animations have been removed from UI components like dropdown and popup to increase performance. This removes need for expensive pseudo selectors like
:visible,:animatedand:hiddenand reduces filesize. - Dropdown - Nested
scrollingmenus now support keyboard selection, e.g. pressing "A" for apple, and keyboard scrolling. - Dropdown - Dropdowns now have
matchsetting to specify whether to match ontext,valueorboth - Dropdown - Multi select dropdowns now have new settings for specifying maximum selection count
- Dropdown - Dropdown has new
placeholdersetting for setting placeholder text in javascript - Dropdown - Added
showOnFocusoption that lets you specify whether dropdown menu should show on focus - Dropdown -
fullTextSearch: truenow uses fuzzy search (same asui search) - Dropdown - Page down and page up now works with dropdown menus
- Dropdown - Dropdown initialized with
disabledprop on anoptionwill now correctly appear disabled - Dropdown - Added
disabled itemstate, disabled items will automatically be skipped with keyboard selection - Form - Fix
errored fielddropdown keyboard selection color - Input - Action input now supports multiple buttons, and dropdown
- Menu - Fixed several inheritance issues for
dropdown iteminsidemenuappearing asmenu item. - Menu - The hover/active state of
dropdown itemhave been adjusted to matchitem. Dropdown styles can be themed specifically insidemenu. - Menu - Vertical dropdown menus are no longer 100%
min-width - Checkbox - Fixes nested
dropdowninsidecheckboxcausing issues - Dropdown -
focusafter changing tabs will no longer cause menu to re-open Thanks @trevorharwell - Dropdown - Fix issue with search dropdown refocusing on self the first time after "tabbing" away in Chrome
- Dropdown - Fixes issue with headers disappearing inside of
ui dropdownwhen nested inui menu - Dropdown - Fixes
onChangeto fire when input value changes, not just when menu UI changes - Dropdown - Dropdowns with
transition: nonenow work correctly. - Dropdown - Fixed issue where
sortSelectwas relying on object key enumeration order which is browser dependent and unreliable. It now uses a sort function which functions the same in all browsers - Dropdown - Fixed issue with
search selectionnot changing text when reselecting same value from list - Dropdown - Fixed
min-widthissues causing background to not appear behind unwrapped text withwhite-space: nowrap - Dropdown - Dropdown
menunow use same font size as dropdown - Dropdown - Fixed dropdown
metadataattribute caching causing issues with React integration - Dropdown - Fixed border radius on
sub menuwhen alignedleft - Dropdown - Fixed
inline dropdownicon not aligning with content - Dropdown - Fixed behaviors called on
<select>after initialization not being correctly applied toui dropdown - Dropdown - Fixed issue with matching boolean values, and using
set selectedwithtrueorfalse - Dropdown - Fixed
search dropdownsubmitting parent form when enter shortcut pressed - Dropdown - Fixed dropdown menu items should not center inside of a center aligned container.
- Dropdown - Fixed some cases where onChange would not occur for values matching equality against '', for example
0 - Form - Fixed autocompleted
ui selection dropdownhaving dropdown icon z-index issues - Menu -
dropdown menuin asecondary pointing menuortabular menunow receive distinct active styling from otheractive item - Menu - Fix issue with
pointingarrow having too high az-indexand appearing aboveui dropdown menu - Dropdown - Dropdown padding values now resolve to exact pixel values from em
- Dropdown -
itemdescriptionis now floated by default
- Dropdown - Fixed
leftandrightarrow does not move input cursor withvisible selection dropdown. Event accidentally prevented bysub menushortcut keys.
- Dropdown - Fixes issue with chained dropdown methods used on a
<select>not applying to the generatedui dropdownBackport from 2.0
- Menu/Dropdown - Fix dropdown headers disappearing inside menus
- Dropdown - Fix unescaped character in css property causing css validation errors
- Dropdown -
onChangeno longer fires when reselecting same value - Dropdown - Fix bug where element will not blur on tab key when search selection and no selection made
- Dropdown - Dropdown init on
selectnow returnsui dropdowncreated for chaining - Dropdown - Dropdown
focuscolor has been adjusted to match forms more closely - Dropdown - Fixes IE10 scrollbar width in menu (calc was being precompiled in LESS) Thanks @gabormeszoly
- Dropdown - Fix issue in
setup reference(added in1.11.1) where chaining would not returnui dropdownimmediately after initialization
- Dropdown - Calling behaviors on a dropdown
selectwill now automatically route them to the appropriate parentui dropdown - Dropdown - Added select styles for elements before they are initialized instead of FOIC (Flash of invisible content)
- Dropdown - Fixes issue where dropdown would not open after restoring previus value on failed
search dropdownsearch - Dropdown - Fixes issue where dropdown would not open after restoring previous value on failed
search dropdownsearch
- Menu - Fixes dropdown menu item not having a hover state inside inverted menu
- Menu - Fixes pointing menu displaying under dropdown menu
- Input - Input with dropdowns is now much easier, see docs.
action inputandlabeled inputnow usedisplay: flex.ui action inputnow supports<button>tag usage (!) which supportflexbut nottable-cell - Dropdown -
search selection dropdownwill now close the menu when adropdown iconis clicked - Dropdown - Added new dropdown setting,
forceSelectionwhich forcessearch selectionto a selected value on blur. Defaults totrue. - Form Validation - Dropdown and checkbox will now validate after interaction with
on: 'blur' - Form - Lightened error dropdown hover text color to be more legible
- Dropdown - Upward dropdown now has upward arrow icon
- Input -
ui labeled inputnow usesflexadded example in ui docs with dropdown
- Dropdown - Dropdown now stores
placeholder text(prompt text) as separate fromdefault text(text set on page load). You can now reset placeholder conditions using `$('.ui.dropdown').dropdown('clear');`` - Dropdown - Keyboard navigation will now allow opening of sub menus with right/left arrow. Enter will open sub-menus on an unselectable category (
allowCategorySelection: false) as well. - Dropdown - Mutation observers will now observe changed in
<select>values after initialization, and will automatically update dropdown menu when changed - Dropdown - Dropdown behavior
set selectedwill now also callset valueautomatically, so you do not have to invoke two behaviors to update aselection dropdownThanks @mktm - Dropdown - Dropdown no longer will not show menu when no
itemare present in menu. Dropdown will now only filter results forui search dropdown#1632 Thanks PSyton. - Dropdown - Dropdown will now produce an error if behaviors on an initialized
<select>are not invoked onui dropdown - Dropdown - Fixed bug where link items would not open in sub-menus due to
event.preventDefault - Label - Fixed
ui corner labelappearing on-top ofui dropdownmenu due to issue in z-index hierarchy
- Dropdown - Javascript Dropdown can now be disabled by adding ``disabled
class. No need to calldestroy`. Thanks Psyton - Dropdown - Search dropdown input can now have backgrounds. Fixes issues with autocompleted search dropdowns which have forced yellow "autocompleted" bg.
- Dropdown - Fix issue with search selection not correctly matching when values are not strings
- Dropdown - New
upward dropdownvariation, which opens its menu upward. Default animation now uses ``settings.transition = 'auto'` and determines direction of animation based on menu direction - Dropdown - Dropdown matching fields without values now trims whitespace by default
- Dropdown -
restore defaultswill now set placeholder styling and remove active element. Added example in docs. - Dropdown - Fixed bug where sub menus may sometimes have dropdown icon overlap text
- Dropdown - Fixes dropdown search input from filtering text values when input is inside menu, i.e "In-Menu Search"
- Dropdown - Fix issue with search selection not correctly creating RegExp when select values are not strings Thanks @alufers
- Dropdown - Fix issue with
left floatedandright floatedcontent sometimes not applying correctly
- Form -
ui search dropdowninside a form has incorrect focus style
- Dropdown - New setting
allowCategorySelectionlets menu items with sub menus be selected. Added example in docs. - Dropdown/Search - Fixed issues with
ui searchandui search dropdownusingRegExp testwhich advances pointer on match causing results to display incorrectly
- Dropdown -
<select>elements will now preserve original<option>order by default. AddedsortSelectsetting (disabled by default) to automatically sort<option>on initialization - Button - Fixes issue with
will-changeproperty added toui buttoncausing layout z-indexing issues (dropdown button)
- Menu - Fix border radius of dropdown menu inside
ui vertical menu - Menu - Fix formatting of
ui selection dropdowninsidemenu
- Dropdown - Dropdown can now specify which direction a menu should appear left/right, dropdown icons can also appear on the left
- Dropdown - Full text search now defaults to
false, meaning search terms will return only results beginning with letters - Dropdown - Search Dropdown is now much more responsive, js improvements and input throttling added.Throttling defaults to
50msand can be modified with settingsdelay.search - Dropdown - Search Dropdown now correctly replaces placeholder text when backspacing to empty value
- Dropdown - Search Dropdown now has a callback when all results filtered
onNoResults - Dropdown - Search dropdown will now strip html before searching values when searching html
- Dropdown - Search now has keyboard shortcut to open dropdown on arrow down
- Dropdown - Dropdown now always scrolls to active element on menu open, calculates position with new
loadingclass - Dropdown - Fix bug in position of sub menus with
floating dropdown - All UI - Adds error message when triggering an invalid module behavior i.e. typos
$('.dropdown').dropdown('hid');
- Dropdown - Fixes bug with dropdown converted from
selectthat use<optionvalues with capital letters not being selectable - Fixed documentation on dropdown actions, form field widths, form validation types, and many odds & ends
- Dropdown - Dropdown
onChangecallback now fires when callingsetSelectedprogramatically. - Dropdown - Fix
action inputused insideui dropdownto appear correctly Thanks ordepdev
- Dropdown - Sub menus inside dropdowns now need a wrapping div text around sub-menu descriptions
- Dropdown - New dropdown type, searchable selection for large lists of choices
- Dropdown - Dropdowns can now be initialized directly on a
<select>element without any html - Dropdown - New action combo will change text of adjacent button, select will select element but not change text
- Dropdown - Many new content types now work inside dropdowns, headers, dividers, images, inputs, labels and more
- Form - Inputs now use 1em font size and correctly match selection dropdown height
- Dropdown - Fixes dropdown 'is animating' with dropdowns when CSS animations were not included Thanks nathankot
- Dropdown - Dropdowns can now receive focus and be navigated with a keyboard Thanks Musatov
- Dropdown - Typo in dropdown css was causing selection dropdowns not to appear
- Form - Forms, Dropdowns, and Inputs now have matching padding size, and use 1em font size to appear same size as surrounding text
- Form Validation - Form validation now automatically revalidates a selection dropdown on change when invalid
- Dropdown - Element's with numeric
data-textvalues were erroring when selected - Dropdown - Default selection text was not appearing when a dropdown had a value that was
falseor0
- Dropdown - Dropdown now has error state Thanks Musatov
- Form - Form fields with errors will now properly style dropdown elements Thanks Musatov
- Menu - Fixes dropdown formatting when used *inside a menu item
- Dropdown - Fixes dropdowns links not working on touch devices
- Dropdown - Default value is now stored on init, and can be restored using 'restore defaults' behavior
- Dropdown - Fixes touchmove event not clearing on touch devices causing unnecessary overhead
- Dropdown - Fixes issue where last match was returned, not prioritizing value over text
- Dropdown - Fixes issue where dropdown animation does not occur sometimes (Thanks MohammadYounes)
- Dropdown - Fixes missing easing equations for dropdown javascript animations. Would cause an error when no css transitions were included and jquery easing was not available.
- Dropdown - Value can be retrieved even in instances where forms arent used
- Dropdown - Fixes issue where falsey value (i.e. 0) could not be selected
- Dropdown - Fixes "falsey" values (like 0) not being processed correctly
- Button - Fixes improper active/visible state due to :not specificity (most noticeable in mousedown on a dropdown button)
- Dropdown - Dropdown now always receives pointer cursor in all types
- Menu - Dropdown position inside secondary menus should be more precise
- Menu - Floating dropdown menus now work inside menus
- Menu - Fixes arrow direction on vertical menu dropdown
- Dropdown - Fixes border radius on non-selection dropdowns from changing on activation
- Dropdown - Fixes issue with dropdown icon position in chrome
- Dropdown - Dropdown cannot display inside item image
- Dropdown - Dropdown links were being prevented by event.preventDefault used for touch devices
- Dropdown - Fixes issue with borders on selection dropdown
- Dropdown - Fixes pointing dropdown to appear correctly in menu
- Popup - Popup no-longer receives class name 'visible' on show, this allows popups to be used on dropdowns and other elements with a visible state
- Fixes issue where browser default action, like link clicking, was prevented on dropdown item click
- Fixes issue where browser default action, like link clicking, was prevented on dropdown item click
- Dropdown changeText and updateForm have been deprecated and will be removed in 1.0
- Dropdown hide no longer selects current item as active (useful for menus)
- Simplified possible dropdown actions changeText and updateForm are now consolidated into activate which is the new default
- Fixes touch+mouse like touchscreen laptops to work with dropdowns
- Dropdown vastly improved for touch, now can scroll with touch without closing dropdown
- Dropdown active style now slightly more noticable
- Dropdowns in vertical menu automatically receive proper triangle pointer direction
- Fixed shadow overlap on dropdown in menus
- Updates dropdown to include proper invoke
- Fixes issue with event bubbling being cancelled on dropdown item click
- Dropdown action default is now automatically determined based on type of dropdown, select dropdowns now will update form fields with default options
- Dropdown now formats top and right arrow icons automatically with icon coupling with sub menus
- Fixes position of menu dropdowns in some cases
- Fixes dropdown to now set active item to whatever hidden input field is when using action updateForm
- Fixes invoke returning found function instead of results of found function in dropdown, modal
- Swaps modal and dropdown to use same variable naming pattern as rest of modules
- Adds dropdown icon sexiness to accordions, now with rotating pointing arrows