Semantic UI

Semantic UI not only focused on providing a wealth of UI widgets, but also focuses on the way these components are written, allowing anyone to know what the code does just by looking at it.

By doing this, Semantic-powered UIs are not only easy to write, but easy modify at later points.

Semantic UI comes with plenty of ready-made components out of the box and is available in CSS and LESS.

What is new in this release:

• New UI:
• Container - Containers are fixed width containers meant for holding page contents, and are a simpler alternative to ui page grid, view more examples in docs
• 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.
• Embed - New embed component allows for responsive iframe embeds that maintain their aspect ratio. Embed can be used with YouTube or Vimeo videos, along with placeholder content to avoid loading third party libraries until a user chooses to interact with the video.
• Major Enhancements:
• Site - Added new colors olive, violet, brown and grey. These are available in all elements with color variations.
• API - API can now be used with mocked responses, and custom AJAX requests. mockResponse has been added to resolve request with a prespecified JSON object, or a synchronous function callback.
• API mockResponseAsync has been added for custom asynchronous requests. This allows you to specify a custom async callback to resolve an API request, helping with integration with libraries like Ember or Angular that may wrap AJAX requests.
• API - API callbacks now have an onResponse callback that can adjust a servers response before it is parsed by other callbacks for success or failure conditions.
• API - API now provides a local caching setting to avoid server roundtrips for identical urls by using cache: 'local'. This is not enabled by default. Local caching is useful for results that should return the same values across a single session, for example when querying an autocomplete.
• Card - Cards now support multiple custom content blocks. Content blocks and images can now appear in any order.
• Checkbox - Checkbox no longer require javascript to function.
• Checkbox - Added support for indeterminate checkboxes, along with new stylings.
• Checkbox - Now includes separate behaviors for triggering state changes without invoking callbacks set checked vs checked
• Dropdown - Added remote API integration with dropdown, to allow search selection to query against a remote dataset.
• Dimmer - Dimmers now have a blurring variation which apply a glass-like effect when dimmed
• 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 nativebehavior.
• Dropdown - Added new dropdown variation scrolling dropdown and scrolling 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 and page down keys will now scroll menus by a page at a time
• Form - Forms now use flexbox for creating field groups. Inline fields now support (x) wide sizing using flex
• Grid - Grids now use flexbox, columns are now all equal height by default. New flexbox alignment types like stretch have been added for easier vertical alignment.
• Multiple UI - Many components now use flexbox, which means previous confusing fixes like font-size: 0; to remove white-space from inline block is no longer necessary. Removing this hack, now means any element can be a direct child of grid or menu.
• Modal - Added new settings blurring and inverted which automatically set a modal's dimmer to either inverted or blurring.
• Menu - Menu now uses flexbox. This allows menu items to match each others heights regardless of each items content size. right menu content should now follow other menu content instead of preceding it (no longer uses float).
• Grid - Grids are now flexbox and equal height by default, the equal height variation can safely be removed
• Popup - Popup has been rewritten to drastically improve performance, especially when testing multiple positions.
• 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.
• Form Validation - Form validation now uses a single settings object like other modules. Using (fields, settings) will continue to work but will produce a deprecation notifications in console
• Form Validation - Form validation now supports many new validation rules, including some specifically for use with multiple select values.
• Item - Items now uses flexbox for layout.
• Message - icon message now uses flexbox for layout
• Menu - vertical tabular menu, a vertical tab menu, has been added
• Input - All input types use flexbox for layout
• Segment - Segments now support complex nesting, many new rules for how segment groups should appear inside groups
• Segment - New horizontal segment groups make laying out auto resizing text columns much easier.
• Sidebar - iOS will now correctly report scrollTop values for document or body when using a sidebar. Chrome on iOS no longer has issues with fixed content not sticking immediately when using a sidebar.
• Shapes - Shapes now correctly adjusts for margin on sides
• Steps - Steps now use flexbox, fluid steps now center content inside each step
• Steps - Steps no longer need item count and will automatically divide evenly
• Transition - Transition code has been optimized to increase performance. 100% improvement on first animation, and 40% improvement on subsequent animations.
• Visibility - Using .visibility({ type: 'fixed'}) will now automatically add a placeholder element which will swap places with an element when it is attached to the viewport. This should make fixed content drastically simpler.
• Visibility - Visibility and sticky now use a more performant pub/sub pattern that will only attach a single event to context scroll.
• Visibility - Added two new visibility callbacks onOnScreen and onOffScreen, which occur, most obviously when an element first appears in or out of a browser's viewport.
• Enhancements:
• Site - Added many new site variables, including the ability to control input size across all UI inputPadding, along with more border colors, accents, and colors.
• Accordion - adds onOpening and onClosing callback (before animation) to go with onOpen, onClose (after animation)
• Accordion - Added on setting for specifying accordion trigger event.
• Activity Feed - Activity feed has been rewritten to use flexbox
• API - API now has new settings throttleFirstRequest and interruptRequests. Interrupt requests will abort a previous request on an element when making a new request. throttleFirstRequest, sets whether the first request or only subsequent requests should be throttled when a throttle duration is specified.
• Build Tools - Build tools will now display pre-specified errors when a theme file is missing or an element specifies an unavailable theme.
• Build Tools - Adjusting site.variables will now rebuild all UI, instead of just site.less
• Button - Added :focus styles for all button types, all button examples in docs now are keyboard focusable using either or tabindex where appropriate.
• Card - Card now includes a centered variation
• Checkbox - Checkbox will now gracefully correct behaviors invoked on the child input element instead of the ui checkbox.
• Checkbox - Reduced kb size of icon font
• Divider - vertical divider inside ui grid now accounts for column padding
• 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 on text, value or both
• 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 as ui search)
• Dropdown - Page down and page up now works with dropdown menus
• Dropdown - Dropdown initialized with disabled prop on an option will now correctly appear disabled
• Dropdown - Added disabled item state, disabled items will automatically be skipped with keyboard selection
• Form - Added a host of new styles for form fields autocompleted by your browser, including autocompleted error, and focus states
• Form - Added placeholder color rules for IE, ms-input-placeholder
• Form - Fix errored field dropdown keyboard selection color
• Form - Adds form success state
• Form Validation - Added is valid behavior, returns true/false if form is valid
• Form Validation - Added different[field] rule which requires a field to be different than another field
• Form Validation - data-validate now takes precedence over other validation matching schemes like name or id
• Form Validation - New rules for matching against custom regular expressions
• Form Validation - Form validation now has minCount, maxCount, and exactCount for validating multiple selections
• Grid - celled grid now removes internal cells on mobile and tablet when used with doubling grid responsive variation.
• Grid - Added large screen only and widescreen only responsive variations for grid.
• Grid - equal width grids now works without row wrappers
• Grid - rows can now be stretched as well as middle aligned, bottom aligned and top aligned!
• Grid - Fixed margins on internally celled grid
• Grid - celled and internally celled grid now use flexbox instead of display: table;
• Headers - Added new header type sub header, useful for displaying small headers alongside text content. See examples in the header docs
• Image - Images now include a spaced variation for adding whitespace around images when used inline with text.
• Input - Added placeholder color rules for IE, ms-input-placeholder
• Input - Action input now supports multiple buttons, and dropdown
• Label - Labels now have active and active hover states
• Label - Label now sets an img height even when not using an image label
• List - Any content inside a ui list can now be vertically aligned
• Menu - Add examples/documentation for fixed menu
• Menu - Added stackable menu variation for simple responsive menus
• Menu - Added many new variables to menu
• Menu - Fixed several inheritance issues for dropdown item inside menu appearing as menu item.
• Menu - Horizontal menus now set a default image size for images / logos
• Menu - Menus items are now slightly more padded
• Menu - The hover/active state of dropdown item have been adjusted to match item. Dropdown styles can be themed specifically inside menu.
• Menu - Vertical dropdown menus are no longer 100% min-width
• Modal - Modal now uses an adjusted scale in transition in the default theme, that should be more subtle and work better with long modal content.
• Modal - Modal onApprove and onDeny now receive the activating element as the first parameter. Added documentation about using return false to avoid hiding element on click.
• Modal - Modal content now uses flex, image content now requires image content class on parent to allow for flex stylings.
• Popup - Popup now defines a transform-origin so animations will be affected by the direction the element is placed
• Popup - onShow and onHide callback can now cancel popup from showing or hiding by returning false
• Popup - Added more size variations for popup mini, tiny
• Progress - indicating labels now are more legible use separate css variables from indicating bar color
• Reveal - Added new active state that allows you to show reveal programatically
• Search - Cache can now be cleared using $('.search').search('clear cache')
• Segment - Added padded and very padded segment variations
• Search - Search now operates off a unique id generated by result position to retrieve results. For example category #1's first result is 'A1' . Previously result titles were used as their "id", which could cause issues with duplicate titles, or results that do not contain a title.
• Search - Search will now automatically add class category when using type: category.
• Search - Search will now generate results container if one is not present on init
• Search - Search now uses em for resizes, making sure it will resize with the surrounding content
• Search - Search prompt now has focus styles defined if not using ui input
• Segment - Added clearing segment for cases that need a clearfix.
• Sidebar - Improved animation performance through performance debugging. Sidebar now caches, width, height, rtl direction on load.
• Site - Fixed mixed globals @defaultDuration and @transitionDuration usage to use a single variable across all UI @defaultDuration, the same for @defaultEasing and @transitionEasing
• Site - Added in pageOverflowX variable, default theme hides horizontal scrollbars on body
• Site - Added default focus colors for all color variations
• Site - All floating/raised variations now inherit from a global @floatedShadow making theming easier
• Sticky - Sticky now internally caches current scroll position when cantFit = true to avoid getting DOM property on scroll.
• Statistic - Added new evenly divided group variation, for example three statistics shows 3 per row
• Statistic - Statitic group now use flex. Styles have been updated.
• Steps - Added attached steps, which can now be attached to other UI like segment
• Tabs - Tab will now manually correct page scroll position when linking to an in-page anchor in a hidden tab
• Tabs - Added new callbacks onTabVisible and onRequest
• Tabs - Added parseScripts option, defaults to once parsing inline scripts only first load
• Table - Adds selectable table variation, which shows hover effect on row when hovering
• Table - Added vertical alignment variations to ui table
• Table - Added single line table variation which prevents text from wrapping
• Transition - Adjusting style or class during a transition, will no longer reset the change after transition completes.
• Transition - Transition will no longer force visible/hidden with inline styles if onComplete callback sets visibility.
• Visibility/Sticky - Visibility and sticky now refresh automatically after page content loading to deal with changes in position from images loading
• Visibility/Sticky - Visibility now uses pub/sub pattern to greatly improve scroll performance when attaching multiple events
• Visibility - Visiblity includes a new setting checkOnRefresh which determines whether visibility callbacks should occur on resize or refresh
• Visibility - Visibility image will now wait to lazy load images that are above the current screen position, not just below.

What is new in version 2.1.4:

• New UI:
• Container - Containers are fixed width containers meant for holding page contents, and are a simpler alternative to ui page grid, view more examples in docs
• 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.
• Embed - New embed component allows for responsive iframe embeds that maintain their aspect ratio. Embed can be used with YouTube or Vimeo videos, along with placeholder content to avoid loading third party libraries until a user chooses to interact with the video.
• Major Enhancements:
• Site - Added new colors olive, violet, brown and grey. These are available in all elements with color variations.
• API - API can now be used with mocked responses, and custom AJAX requests. mockResponse has been added to resolve request with a prespecified JSON object, or a synchronous function callback.
• API mockResponseAsync has been added for custom asynchronous requests. This allows you to specify a custom async callback to resolve an API request, helping with integration with libraries like Ember or Angular that may wrap AJAX requests.
• API - API callbacks now have an onResponse callback that can adjust a servers response before it is parsed by other callbacks for success or failure conditions.
• API - API now provides a local caching setting to avoid server roundtrips for identical urls by using cache: 'local'. This is not enabled by default. Local caching is useful for results that should return the same values across a single session, for example when querying an autocomplete.
• Card - Cards now support multiple custom content blocks. Content blocks and images can now appear in any order.
• Checkbox - Checkbox no longer require javascript to function.
• Checkbox - Added support for indeterminate checkboxes, along with new stylings.
• Checkbox - Now includes separate behaviors for triggering state changes without invoking callbacks set checked vs checked
• Dropdown - Added remote API integration with dropdown, to allow search selection to query against a remote dataset.
• Dimmer - Dimmers now have a blurring variation which apply a glass-like effect when dimmed
• 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 nativebehavior.
• Dropdown - Added new dropdown variation scrolling dropdown and scrolling 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 and page down keys will now scroll menus by a page at a time
• Form - Forms now use flexbox for creating field groups. Inline fields now support (x) wide sizing using flex
• Grid - Grids now use flexbox, columns are now all equal height by default. New flexbox alignment types like stretch have been added for easier vertical alignment.
• Multiple UI - Many components now use flexbox, which means previous confusing fixes like font-size: 0; to remove white-space from inline block is no longer necessary. Removing this hack, now means any element can be a direct child of grid or menu.
• Modal - Added new settings blurring and inverted which automatically set a modal's dimmer to either inverted or blurring.
• Menu - Menu now uses flexbox. This allows menu items to match each others heights regardless of each items content size. right menu content should now follow other menu content instead of preceding it (no longer uses float).
• Grid - Grids are now flexbox and equal height by default, the equal height variation can safely be removed
• Popup - Popup has been rewritten to drastically improve performance, especially when testing multiple positions.
• 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.
• Form Validation - Form validation now uses a single settings object like other modules. Using (fields, settings) will continue to work but will produce a deprecation notifications in console
• Form Validation - Form validation now supports many new validation rules, including some specifically for use with multiple select values.
• Item - Items now uses flexbox for layout.
• Message - icon message now uses flexbox for layout
• Menu - vertical tabular menu, a vertical tab menu, has been added
• Input - All input types use flexbox for layout
• Segment - Segments now support complex nesting, many new rules for how segment groups should appear inside groups
• Segment - New horizontal segment groups make laying out auto resizing text columns much easier.
• Sidebar - iOS will now correctly report scrollTop values for document or body when using a sidebar. Chrome on iOS no longer has issues with fixed content not sticking immediately when using a sidebar.
• Shapes - Shapes now correctly adjusts for margin on sides
• Steps - Steps now use flexbox, fluid steps now center content inside each step
• Steps - Steps no longer need item count and will automatically divide evenly
• Transition - Transition code has been optimized to increase performance. 100% improvement on first animation, and 40% improvement on subsequent animations.
• Visibility - Using .visibility({ type: 'fixed'}) will now automatically add a placeholder element which will swap places with an element when it is attached to the viewport. This should make fixed content drastically simpler.
• Visibility - Visibility and sticky now use a more performant pub/sub pattern that will only attach a single event to context scroll.
• Visibility - Added two new visibility callbacks onOnScreen and onOffScreen, which occur, most obviously when an element first appears in or out of a browser's viewport.
• Enhancements:
• Site - Added many new site variables, including the ability to control input size across all UI inputPadding, along with more border colors, accents, and colors.
• Accordion - adds onOpening and onClosing callback (before animation) to go with onOpen, onClose (after animation)
• Accordion - Added on setting for specifying accordion trigger event.
• Activity Feed - Activity feed has been rewritten to use flexbox
• API - API now has new settings throttleFirstRequest and interruptRequests. Interrupt requests will abort a previous request on an element when making a new request. throttleFirstRequest, sets whether the first request or only subsequent requests should be throttled when a throttle duration is specified.
• Build Tools - Build tools will now display pre-specified errors when a theme file is missing or an element specifies an unavailable theme.
• Build Tools - Adjusting site.variables will now rebuild all UI, instead of just site.less
• Button - Added :focus styles for all button types, all button examples in docs now are keyboard focusable using either or tabindex where appropriate.
• Card - Card now includes a centered variation
• Checkbox - Checkbox will now gracefully correct behaviors invoked on the child input element instead of the ui checkbox.
• Checkbox - Reduced kb size of icon font
• Divider - vertical divider inside ui grid now accounts for column padding
• 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 on text, value or both
• 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 as ui search)
• Dropdown - Page down and page up now works with dropdown menus
• Dropdown - Dropdown initialized with disabled prop on an option will now correctly appear disabled
• Dropdown - Added disabled item state, disabled items will automatically be skipped with keyboard selection
• Form - Added a host of new styles for form fields autocompleted by your browser, including autocompleted error, and focus states
• Form - Added placeholder color rules for IE, ms-input-placeholder
• Form - Fix errored field dropdown keyboard selection color
• Form - Adds form success state
• Form Validation - Added is valid behavior, returns true/false if form is valid
• Form Validation - Added different[field] rule which requires a field to be different than another field
• Form Validation - data-validate now takes precedence over other validation matching schemes like name or id
• Form Validation - New rules for matching against custom regular expressions
• Form Validation - Form validation now has minCount, maxCount, and exactCount for validating multiple selections
• Grid - celled grid now removes internal cells on mobile and tablet when used with doubling grid responsive variation.
• Grid - Added large screen only and widescreen only responsive variations for grid.
• Grid - equal width grids now works without row wrappers
• Grid - rows can now be stretched as well as middle aligned, bottom aligned and top aligned!
• Grid - Fixed margins on internally celled grid
• Grid - celled and internally celled grid now use flexbox instead of display: table;
• Headers - Added new header type sub header, useful for displaying small headers alongside text content. See examples in the header docs
• Image - Images now include a spaced variation for adding whitespace around images when used inline with text.
• Input - Added placeholder color rules for IE, ms-input-placeholder
• Input - Action input now supports multiple buttons, and dropdown
• Label - Labels now have active and active hover states
• Label - Label now sets an img height even when not using an image label
• List - Any content inside a ui list can now be vertically aligned
• Menu - Add examples/documentation for fixed menu
• Menu - Added stackable menu variation for simple responsive menus
• Menu - Added many new variables to menu
• Menu - Fixed several inheritance issues for dropdown item inside menu appearing as menu item.
• Menu - Horizontal menus now set a default image size for images / logos
• Menu - Menus items are now slightly more padded
• Menu - The hover/active state of dropdown item have been adjusted to match item. Dropdown styles can be themed specifically inside menu.
• Menu - Vertical dropdown menus are no longer 100% min-width
• Modal - Modal now uses an adjusted scale in transition in the default theme, that should be more subtle and work better with long modal content.
• Modal - Modal onApprove and onDeny now receive the activating element as the first parameter. Added documentation about using return false to avoid hiding element on click.
• Modal - Modal content now uses flex, image content now requires image content class on parent to allow for flex stylings.
• Popup - Popup now defines a transform-origin so animations will be affected by the direction the element is placed
• Popup - onShow and onHide callback can now cancel popup from showing or hiding by returning false
• Popup - Added more size variations for popup mini, tiny
• Progress - indicating labels now are more legible use separate css variables from indicating bar color
• Reveal - Added new active state that allows you to show reveal programatically
• Search - Cache can now be cleared using $('.search').search('clear cache')
• Segment - Added padded and very padded segment variations
• Search - Search now operates off a unique id generated by result position to retrieve results. For example category #1's first result is 'A1' . Previously result titles were used as their "id", which could cause issues with duplicate titles, or results that do not contain a title.
• Search - Search will now automatically add class category when using type: category.
• Search - Search will now generate results container if one is not present on init
• Search - Search now uses em for resizes, making sure it will resize with the surrounding content
• Search - Search prompt now has focus styles defined if not using ui input
• Segment - Added clearing segment for cases that need a clearfix.
• Sidebar - Improved animation performance through performance debugging. Sidebar now caches, width, height, rtl direction on load.
• Site - Fixed mixed globals @defaultDuration and @transitionDuration usage to use a single variable across all UI @defaultDuration, the same for @defaultEasing and @transitionEasing
• Site - Added in pageOverflowX variable, default theme hides horizontal scrollbars on body
• Site - Added default focus colors for all color variations
• Site - All floating/raised variations now inherit from a global @floatedShadow making theming easier
• Sticky - Sticky now internally caches current scroll position when cantFit = true to avoid getting DOM property on scroll.
• Statistic - Added new evenly divided group variation, for example three statistics shows 3 per row
• Statistic - Statitic group now use flex. Styles have been updated.
• Steps - Added attached steps, which can now be attached to other UI like segment
• Tabs - Tab will now manually correct page scroll position when linking to an in-page anchor in a hidden tab
• Tabs - Added new callbacks onTabVisible and onRequest
• Tabs - Added parseScripts option, defaults to once parsing inline scripts only first load
• Table - Adds selectable table variation, which shows hover effect on row when hovering
• Table - Added vertical alignment variations to ui table
• Table - Added single line table variation which prevents text from wrapping
• Transition - Adjusting style or class during a transition, will no longer reset the change after transition completes.
• Transition - Transition will no longer force visible/hidden with inline styles if onComplete callback sets visibility.
• Visibility/Sticky - Visibility and sticky now refresh automatically after page content loading to deal with changes in position from images loading
• Visibility/Sticky - Visibility now uses pub/sub pattern to greatly improve scroll performance when attaching multiple events
• Visibility - Visiblity includes a new setting checkOnRefresh which determines whether visibility callbacks should occur on resize or refresh
• Visibility - Visibility image will now wait to lazy load images that are above the current screen position, not just below.

What is new in version 1.12.3:

• Bugs:
• Dropdown - Fixed left and right arrow does not move input cursor with visible selection dropdown. Event accidentally prevented by sub menu shortcut keys.

What is new in version 1.12.2:

• Bugs:
• Dropdown - Fixed left and right arrow does not move input cursor with visible selection dropdown. Event accidentally prevented by sub menu shortcut keys.

What is new in version 1.11.6:

• New Components:
• Visibiliity - Attach callbacks to elements visibility conditions like top visible bottom visible, passing. Useful for things like: image lazy loading, infinite scroll content, and recording tracking metrics.
• Enhancements:
• Form -now receive error formatting on form error
• Transition - Added more reasonable default durations for each animation
• Loader - inline loader now has a centered variation
• Modal - Modal no longer hides and reshows dimmer when opening a modal with another modal open with exclusive: true
• Popup - Added exclusive parameter to automatically close other popups on open
• Transition - Added toggle behavior and docs for show and hide
• Transition - transition now has stop, stop all, and clear queue for removing transitions, (undocumented method stop, and start renamed to enable and disable)
• Dimmer - Add opacity setting to override css value. Add to docs several undocumented settings, like useCSS, and variation.
• Icon - added @src variable to make it adjustable with themes that dont support all types like woff2
• Bugs:
• Dropdown - Fixes issue where dropdown would not open after restoring previus value on failed search dropdown search
• Grid - Fixes specificity of grid column colors to not affect other elements with columns
• Icon - Fix clockwise rotated icon causing clockwise icon to appear
• Popup - Fix issue with popup not re-opening until another element gains focus on a mobile touchscreen
• Modal - Fixed issue with modal not appearing when calling show during another modal hide
• Popup - Popup will now fire onHidden when an element is hidden by opening a different popup
• Popup - Fix popup not namespacing window events and unbinding on destroy
• Table - Fixes table on mobile sizes can surpass parent container width
• Transition - Fixes swing out animations not working correctly
• Transition - Fixed display state other than block not determined when using show and hide without an animation
• Transition - Fix bug in remove looping causing next animation to use same duration
• Segment - Fix first/last margins on ui segments
• Search - Fix special characters not searching correctly with local search
• Search - Fix a bug with onSelect returning null when minCharacters: 0
• Search - Fix a bug with onSelect returningnull` when results retrieved from cached API query
• Sticky - Fixed sticky position when page loads and content is below sticky content.
• Sticky - Fix bottom attached position not adjusting for bottom padding on container element
• Menu - Fix vertical pointing menu, sub menu arrow color
• Item - img inside of ui item content now do not receive size formatting by default
• Form - Added input[type="search"] styles to UI form

What is new in version 1.10.2:

• Fixes stale pm component builds

What is new in version 1.9.0:

• Major Enhancements:
• Card - Cards now equalize height by default using display: flex. No longer are card heights required to be specified manually to align
• Flag - Reduced the file size of flag sprite to a measly 28kb (500%+ file size reduction)
• Icon - Added Font Awesome 4.3 including many new icons
• Input - Input with dropdowns is now much easier, see docs. action input and labeled input now use display: flex. ui action input now supports tag usage (!) which support flex but not table-cell
• Segment - Added plural variation ui segments that stack together in groups without using additional class names

What is new in version 1.8.0:

• Forms now has new methods reset, clear, set value(s), and read value(s) for modifying and reading form data. Check docs for details on implementation.
• Search onSelect now recieves JSON object matching currently selected element, you can now programmatically retrieve result JSON using .search('get result', 'query') or .search('get results'). get result will default to current value unless specified as first parameter.
• Added many new transitions, and new directions for existing transitions.
• Dropdown now stores placeholder text (prompt text) as separate from default text (text set on page load). You can now reset placeholder conditions using $('.ui.dropdown').dropdown('clear');`

What is new in version 1.7.0:

• Right-to-left (RTL) support added.
• Install now let you specify the outputted file permissions (express/custom install).

What is new in version 1.6.1:

• Bugs:
• Accordion - Accordion now uses useFailSafe: true to avoid callbacks not occurring because of race conditions with transitionend in Webkit

What is new in version 1.5.2:

• Bugs:
• Sidebar - Fix bug with useLegacy being enabled in 1.5.1.

What is new in version 1.4.0:

• Enhancements:
• Modal - Modal now accepts custom dimmer settings with setting dimmerSettings`
• Form - Form inputs without type specified are now formatted Thanks PSyton
• Accordion - Added inverted accordion variation
• Bugs:
• Progress - Fixes bug where ui indicating progress would not update its label immediately in webkit
• Button - Fix Chrome bug with buttons sometimes not correctly repainting (particularly evenly divided groups)
• Menu - Fix border radius of dropdown menu inside UI vertical menu
• Menu - Fix formatting of ui selection dropdown inside menu

What is new in version 1.3.2:

• Modal:
• Fixed issue with modal dimmer appearing cut off in some browsers, and not hiding.

What is new in version 1.0.0:

• CSS animations now hint with will change properties to increase performance in supported browsers
• Many modules now use DOM Mutations and event delegation to allow content adjustment after initialization

What is new in version 0.19.3:

• Fixes issue where some responsive grid stylings were being overridden by other variations (for example stackable overriding).

What is new in version 0.12.3:

• Fixes:
• Some issues with margins sometimes not appearing with attached message.
• Color repeating to be consistent for items.

What is new in version 0.3.4:

• Transitions now work in Safari versions that do not support animation-direction.
• Fixes accordion in safari styles getting stuck.

Limitations:

• Still under development.