- 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
change
event 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 text
andget placeholder text
behaviors 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
show
andhide
are now cancellable by returningfalse
fromonShow
oronHide
callbacks.
- Dropdown -
forceSelection
no longer sets current value in search selection when current query is blank #2058 - Dropdown - Dropdown
@arrowSize
will 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 menu
insideui menu
appearing horizontally #2778 - Dropdown - Fixed error where menu would disappear when entering spaced words using
allowAdditions: true
caused 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
onChange
would 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: false
is used. Fixes issues with usingclear
andrestore defaults
without placeholders. #2637 - Dropdown - Remove use of
trim
which causes issues IE 11 and below #2806 - Form -
disabled field(s)
now removepointer-events
allowing 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
onchange
event on hidden input when setting value during initial load (unlessfireOnInit: true
) #2795 Thanks @lauri-elevant - Dropdown - Fixed issue where
forceSelection
would 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: false
placeholder text will now show up when 0 items selected, instead of the text "0 items selected" - Dropdown/Tab - Fixed an instance where
metadata
was not referencing settings metadata value - Form - Dropdown in
inline field
now use auto width instead of 100% - Menu - Fix text align on
dropdown item
insideicon menu
- Dropdown - Fixed border radius on
circular labeled icon button
#2700 - Dropdown - Fixed issue where dropdown nested inside
label
would not open. #2711
- Dropdown - Fixed issue where
disabled
dropdown would still receive focus #2699 - Dropdown - Fixed
restore value
sometimes now working correctly due to "animating out" label still being mistaken for selected. #2690 - Dropdown - Added
set exactly
to remedy confusion ofset selected
not 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 dropdown
usingsearch
inside menu to break when multiple #2666 - Dropdown -
<select>
dropdowns intialized withoutmultiple
property set on<select>
will now produce an error to alert users selection will not be preserved correctly. Related #2573 - Dropdown - Dropdown
<option>
added withuserAddition
now recieve class nameaddition
to distinguish from original<select>
options. #2573 - Dropdown - User additions now have their
<option>
removed if a user deselects an addition. #2573
- Dropdown - Fixed
search selection
appearing incorrectly inside menu (default text would not disappear) #2624
- Dropdown - Dropdown using
<select>
andapiSettings
will now correctly add new<option>
value when selections are made #2573
- Dropdown - Fixed regression in
2.0.1
causing 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
onChange
callback 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 defaults
in 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
description
now are floated in default theme and should be included before otheritem
content - Multiselect - New
multiple
dropdown 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 selection
to query against a remote dataset. - Dropdown - Dropdowns now automatically observe changes in
menu
and will update selector cache with new additions - Dropdowns - Added ability to add custom choices to all search selection dropdowns (multi/single) using
allowAdditions: true
setting. 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 dropdown
andscrolling 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 up
andpage down
keys 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
,:animated
and:hidden
and reduces filesize. - Dropdown - Nested
scrolling
menus now support keyboard selection, e.g. pressing "A" for apple, and keyboard scrolling. - Dropdown - Dropdowns now have
match
setting to specify whether to match ontext
,value
orboth
- Dropdown - Multi select dropdowns now have new settings for specifying maximum selection count
- Dropdown - Dropdown has new
placeholder
setting for setting placeholder text in javascript - Dropdown - Added
showOnFocus
option that lets you specify whether dropdown menu should show on focus - Dropdown -
fullTextSearch: true
now uses fuzzy search (same asui search
) - Dropdown - Page down and page up now works with dropdown menus
- Dropdown - Dropdown initialized with
disabled
prop on anoption
will now correctly appear disabled - Dropdown - Added
disabled item
state, disabled items will automatically be skipped with keyboard selection - Form - Fix
errored field
dropdown keyboard selection color - Input - Action input now supports multiple buttons, and dropdown
- Menu - Fixed several inheritance issues for
dropdown item
insidemenu
appearing asmenu item
. - Menu - The hover/active state of
dropdown item
have been adjusted to matchitem
. Dropdown styles can be themed specifically insidemenu
. - Menu - Vertical dropdown menus are no longer 100%
min-width
- Checkbox - Fixes nested
dropdown
insidecheckbox
causing issues - Dropdown -
focus
after 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 dropdown
when nested inui menu
- Dropdown - Fixes
onChange
to fire when input value changes, not just when menu UI changes - Dropdown - Dropdowns with
transition: none
now work correctly. - Dropdown - Fixed issue where
sortSelect
was 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 selection
not changing text when reselecting same value from list - Dropdown - Fixed
min-width
issues causing background to not appear behind unwrapped text withwhite-space: nowrap
- Dropdown - Dropdown
menu
now use same font size as dropdown - Dropdown - Fixed dropdown
metadata
attribute caching causing issues with React integration - Dropdown - Fixed border radius on
sub menu
when alignedleft
- Dropdown - Fixed
inline dropdown
icon 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 selected
withtrue
orfalse
- Dropdown - Fixed
search dropdown
submitting 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 dropdown
having dropdown icon z-index issues - Menu -
dropdown menu
in asecondary pointing menu
ortabular menu
now receive distinct active styling from otheractive item
- Menu - Fix issue with
pointing
arrow having too high az-index
and appearing aboveui dropdown menu
- Dropdown - Dropdown padding values now resolve to exact pixel values from em
- Dropdown -
item
description
is now floated by default
- Dropdown - Fixed
left
andright
arrow does not move input cursor withvisible selection dropdown
. Event accidentally prevented bysub menu
shortcut keys.
- Dropdown - Fixes issue with chained dropdown methods used on a
<select>
not applying to the generatedui dropdown
Backport from 2.0
- Menu/Dropdown - Fix dropdown headers disappearing inside menus
- Dropdown - Fix unescaped character in css property causing css validation errors
- Dropdown -
onChange
no 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
select
now returnsui dropdown
created for chaining - Dropdown - Dropdown
focus
color 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 dropdown
immediately after initialization
- Dropdown - Calling behaviors on a dropdown
select
will 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 dropdown
search - Dropdown - Fixes issue where dropdown would not open after restoring previous value on failed
search dropdown
search
- 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 input
andlabeled input
now usedisplay: flex
.ui action input
now supports<button>
tag usage (!) which supportflex
but nottable-cell
- Dropdown -
search selection dropdown
will now close the menu when adropdown icon
is clicked - Dropdown - Added new dropdown setting,
forceSelection
which forcessearch selection
to 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 input
now usesflex
added 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 selected
will now also callset value
automatically, so you do not have to invoke two behaviors to update aselection dropdown
Thanks @mktm - Dropdown - Dropdown no longer will not show menu when no
item
are 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 label
appearing on-top ofui dropdown
menu due to issue in z-index hierarchy
- Dropdown - Javascript Dropdown can now be disabled by adding ``disabled
class. No need to call
destroy`. 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 dropdown
variation, 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 defaults
will 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 floated
andright floated
content sometimes not applying correctly
- Form -
ui search dropdown
inside a form has incorrect focus style
- Dropdown - New setting
allowCategorySelection
lets menu items with sub menus be selected. Added example in docs. - Dropdown/Search - Fixed issues with
ui search
andui search dropdown
usingRegExp test
which advances pointer on match causing results to display incorrectly
- Dropdown -
<select>
elements will now preserve original<option>
order by default. AddedsortSelect
setting (disabled by default) to automatically sort<option>
on initialization - Button - Fixes issue with
will-change
property added toui button
causing layout z-indexing issues (dropdown button)
- Menu - Fix border radius of dropdown menu inside
ui vertical menu
- Menu - Fix formatting of
ui selection dropdown
insidemenu
- 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
50ms
and 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
loading
class - 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
select
that use<option
values with capital letters not being selectable - Fixed documentation on dropdown actions, form field widths, form validation types, and many odds & ends
- Dropdown - Dropdown
onChange
callback now fires when callingsetSelected
programatically. - Dropdown - Fix
action input
used insideui dropdown
to 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-text
values were erroring when selected - Dropdown - Default selection text was not appearing when a dropdown had a value that was
false
or0
- 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