Skip to content

Releases: Semantic-Org/Semantic-UI

Version 2.2.1 - June 27, 2016

27 Jun 18:59
Compare
Choose a tag to compare

Bugs

  • Dropdown - Fixed issue where using both <select> and allowAdditions: true would cause dropdown selection to fail

Version 2.2.0 - June 26, 2016

26 Jun 22:58
Compare
Choose a tag to compare

Project Features

  • jQuery - Semantic UI is now fully compatible with jQuery 3.0
  • Webpack - All css is now webpack-compatible
  • NPM - NPM dependencies have all been updated to latest stable releases

New UI Features

  • All UI - Added new setting silent to all modules which allows you to disable all console output including errors. This can be useful for preventing known errors, like a popup which cannot place itself on screen, or sticky content which initializes before it is visible #3713
  • All UI - All UI now include all sizing variations, mini, tiny, small, large, big, huge, massive. Headers remain with only 5 sizes small-huge to match H1-H5
  • All UI - Components that use event handlers on document, body, or a settings.context now all use DOM mutation observers to detect removal and prevent memory leaks
  • Button - Added compatibility with primary secondary positive negative buttons with the basic styling variation. #3756
  • Card - Added raised card variation Thanks @yordis #2955
  • Dropdown - All dropdowns, not just selection dropdown, will now select the first menu item that starts with a pressed keyboard key, for example "N" will select "New"
  • Dropdown - Dropdown now changes user selection on keyboard shortcuts immediately, this will save the extra enter key press to confirm selection in most cases. To enable previous pre 2.2 selection style use the setting selectOnKeydown: false
  • Dropdown - Dropdown will now automatically focus on search inside of a dropdown menu after it is opened.
  • Dropdown - Multiple select dropdown now sizes current dropdown input based on rendered width of a hidden element, not using an estimate based on character count. This means search will never break to a second line earlier than would normally fit in current line.
  • Icons - Icons now use the latest Font Awesome 4.6.3 Icons. 80+ new icons+ are included. Thanks @BreadMaker for the PR and @davegandy for the font!
  • Popup - Added new tooltip popup type that works without javascript. Tooltips can specify positioning and some variations using data attributes, and will handle positioning automatically with CSS only.
  • Progress - Progress now uses a polling interval for updates. Rapidly updating the progress bar over a period quicker than the animation duration (for example with xhr onprogress events say every 50ms) will now appear smooth as butter.
  • Table - definition table now includes additional class names for forcing, or ignoring definition cell styles

New Settings

  • Build Tools - Added new autoInstall option to allow for Semantic to be installed without user interaction. See docs explanation for how to use. #3616 Thanks @algorithme
  • Dropdown - Added fullSearchSearch: 'exact' setting, which requires exact matches for dropdown values #3085 #3994 Thanks @ShawnCholeva
  • Dropdown - Added new setting for search selection hideAdditions this will remove showing user additions inside the menu, making for a more intuitive adding process. Dropdowns now have a new state empty which will format an active dropdown with empty results. #3791
  • Dropdown - Adds new allowReselection option to trigger onChange events even when reselecting same value
  • Dropdown - Adds new setting minCharacters which sets the minimum number of characters required to start filtering results #3886
  • Form Validation - Added depends validation rule setting which will only validate a field if another specified field is not empty
  • Popup - Added new setting boundary and scrollContext. boundary lets you specify an element that the popup will try to position itself to be contained inside of. scrollContext lets you specify the element which when scrolled should hide the popup
  • Popup - Added new settings observeChanges, which is enabled by default. This will add special mutation observers to trigger destroy when the element is removed from the document, preventing memory leaks.
  • Progress - Added onLabelUpdate callback, this can be used to specify the exact text that should appear on the actual progress update, perhaps based on some external conditions
  • Rating - Added new setting fireOnInit for rating, which defaults to false. When set to true onRate will fire when rating is initialized #3712
  • Search - Added a new option selectFirstResult, which defaults to false. Will automatically highlight first result on search
  • Search - Search now includes a showNoResults setting for determining whether no results messages should be shown
  • Shape - Shape now lets you specify next side width using setting width, can use next or initial to specify whether it should use old or new side size
  • Tab - Added new setting cacheType, can either be html or response (default). HTML will cache resulting html after callbacks, response will cache the original response so that it can be played back identically on future loads #2534
  • Tab - Added new option deactivate, defaults to siblings which will only deactivate tab activators that are DOM siblings elements to the activating element. Setting it to 'all' will deactivate any other tab element initialized at the same time.
  • Visibility - Added onFixed and onUnfixed callbacks for visibility type: 'fixed'
  • Visibility - Added onLoad and onAllLoaded callback for type: 'image' visibility
  • Visibility - Added zIndex setting for specifying zindex with type: 'fixed' #3370

New Behaviors

  • Dropdown - Added new convenience method restore placeholder text
  • Image - transition hidden image now shows correctly as visibility: hidden; and not display: none. This will allow offset with visibility and sticky to work more seamlessly. hidden image will still remain display: none;
  • Progress - Added progress is complete for returning whether success, warning, or error conditions are met

CSS Enhancements

  • All UI Extended variables which return exact pixel values in em (@relativePX and @px) up to 40px to allow for simple theming with exact values
  • Button - Added variables for configuring disabled background image and box shadow.
  • Site - Added colored box shadow defaults. ui message now includes individual colored border shadows based on new site defaults.
  • Site - Added new @inputColor and @inputPlaceholderColor global variables that now control placeholder text styles across all components.
  • Table - definition table now supports definition variation to specify definition styles on an element that is not :first-child
  • Table - definition table now supports ignored variation to force a first-child to ignore its default definition stylings

Critical Bug Fixes

  • All UI - Using component('setting, {}) to add multiple settings as an object literal, for example error: {}, will now deep extend the existing object instead of replacing it.
  • API - beforeSend would not correctly cancel request when return false; is used in callback. #3660
  • API - cache: 'local' would not return the localstorage cached results in some cases
  • Divider - Descenders like "g" are cut off in horizontal divider #3585
  • Dropdown - forceSelection will now automatically select values with multi dropdowns. When using userAdditions setting it will now automatically tokenize the current entered value
  • Dropdown - search selection would not let you move back in an entered search string with left arrow #3596 Thanks @sanjo
  • Dropdown - Fixed issue where value set using javascript DOM metadata would be cleared when a message or user addition triggered refresh #3879 #3622 Thanks @mdehoog
  • Form Validation / Dropdown - Using "enter" key in a search dropdown could cause a form to be submitted #3676
  • Form Validation - Fix issue with some foreign email addresses with extended charsets causing email validation to fail #3955 #3755
  • Form Validation - Revalidating a field on: blur could cause fields not yet interacted with to be validated #3606
  • Form - Fixed issue with (x) fields and equal width fields where middle rows would be slightly smaller because they include both left and right padding in % width. (Edges only have one side padding). Field groups now use negative margins instead.
  • Popup - Fixed issue where clicking element inside popup removed from DOM (like clicking a multi select label) would cause popup to close [#3887...
Read more

Version 2.1.8 - Jan 7, 2016

08 Jan 04:47
Compare
Choose a tag to compare

Critical Fix

  • Install - This fixes a regression causing users with NPM 2 from using Semantic UI, caused by removing the deprecated peerDependencies which are necessary for NPM2 install to function correctly. #3511

Minor Fix

  • Flag - Adds Scotland and Wales flag #3494 Thanks @edumucelli
  • Install - Fixes post-install scripts not exiting with correct return values #3515 Thanks @Jeff-Tian

Version 2.1.7 - Dec 19, 2015

19 Dec 20:59
Compare
Choose a tag to compare

Closed Issues List

Enhancements

  • API - All responses fulfilled with settings (like mockResponse) will now receive a settings object with all values resolved. For example url will be /user/2/ and not user/{id} in the callback. - #3466
  • API - API now allows the use of settings response and responseAsync to replace mockResponse and mockResponseAsync. The use of "mock" may not represent the most common use case which is providing a response from a third party source. (These changes are purely cosmetic and no underlying behavior has changed) - #3491
  • Popup - Adds onUnplaceable callback when element cannot be placee inside visible viewport #3388

Bug Fixes

  • Build Tools - CSS build will now correctly call callback after both packaged files are created (compressed and uncompressed) Thanks @youngjay #3405
  • Flag - A flag with no country set will no longer display an incorrect country flag. Thanks @space-alien #3333
  • Form - Fixed issue where text would turn transparent inside a loading form #3122
  • Menu - Fixed 1px offset when attached segment follows tabular menu (max of 2 consecutive segments) #3479
  • Header - sub header used inside a header now correctly forces block styling #3020
  • Popup - Fixed is visible, is animating, and is fluid to always return true/false and not the DOM element. #2781
  • Popup - Fixed issue with onEnable callback being defined with name onEnabled and onDisable with onDisabled in default settings, causing an error. To preserve backwards compatibility, the mispelled callback name has been left, but the bug has been fixed. #3148
  • Search - Search now correctly hides menu when an error message inside results is clicked. #3039
  • Sidebar - Fixed css rule issue causing very thin sidebar to not work #3300
  • Sidebar - Sidebar no longer includes transform rules on child elements, this was causing layout issues in some cases (for example dropdowns in sidebars) #3306
  • Sticky - Renames variables used to account for scroll offset internally for greater code clarity
  • Transition - Fixes noAnimation error to more reasonably announce that the element is "not in the DOM" #3040

Version 2.1.6 - Nov 6, 2015

06 Nov 19:08
Compare
Choose a tag to compare

Bug Fixes

  • Checkbox/Dropdown/Search - Fixed issue where dropdown/checkbox change events were not bubbling. (Dispatched events were swapped to use native document.creatEvent in 2.1.5 unfortunately the flag to bubble events was mistakenly off.)

Version 2.1.5 - Nov 1, 2015

01 Nov 23:19
Compare
Choose a tag to compare

Docs Enhancements

  • Examples - All code examples now have a "copy to clipboard" button Thanks @xiwc and @zenorocha for clipboard.js

Minor Enhancements

  • Form - Adds equal width form and equal width fields for simpler grouped fields
  • Modal - onHide callback can now cancel event by returning false #3168 Thanks @mdehoog
  • Dropdown - Added onLabelRemove callback that allows value removal to be cancelled by callback Thanks @goloveychuk
  • Table - Added selectable on table cell, allowing for full table-cell links
  • Popup Added three new variables for arrow background color based on position, top, center or bottom. This makes it easier to use gradient backgrounds with popups and still match arrow colors.
  • Popup - Added behaviors get popup and change content to more easily determine popup from activating element and change text

Major Bug Fixes

  • Checkbox/Dropdown/Search - Fixed issue where using .trigger('change') would not fire native change event. Only triggering event handlers attached with jQuery #3108
  • Transition - Fixed bug where static transitions (those that dont animate in/out of view) would not fire onComplete event
  • Sticky - Fixes bug where sticky would stick at incorrect times when using a different scroll container than body and scrollTop is not 0 on page load.

Bugs

  • Divider/Step/Modal/AD - Fixes 1px jump at @mobileBreakpoint caused by incorrect edge conditions in media query #3180 THanks @mdehoog
  • Dimmer - Dimmer can now works correctly with opacity: 0 #3167 Thanks @mdehoog
  • 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 dropdown in some cases. #3002
  • Dropdown - Added remoteValues as a possible field setting. Allowing users to return API results using arbitrary JSON object groupings. #3080
  • Dropdown - Added ability to pass in keys as a setting, to avoid issues with languages where comma delimiter may be a different keycode #3016
  • Dropdown - search dropdown will now initialize with autocomplete="off" to avoid triggering native autocomplete menu
  • Form Validation - Fixes error on blur or change when using a blank validation object #3131 Thanks @listepo
  • Form Validation - Fixes some issues with form integer validation #3053 Thanks @maturano
  • Form Validation - decimal rule now only matches decimals, to match any number use number rule. #3060
  • Form - Removed divider spacing as part of ui form, this caused inheritance issues when using special divider types #3092
  • Grid - Fixes attached segment 1px offset inside grid column #3226
  • Grid - Fixes some inconsistencies with widescreen only class #3161 Thanks @mdehoog
  • Header - Sub headers now force display: block #3020
  • Popup - Fixes positioning issue when movePopup: false #3213 Thanks @parisholley
  • Popup - Popup now works with svg elements #3043
  • *Progress - Calling reset will now reset value to 0, so increment starts again at 0
  • Search - Fixes onSearchQuery not firing when results are cached Thanks @mnquintana
  • Search - Fixes url parameter not working correctly due to typo in source Thanks @fabienb4
  • Segment - Fixes border on horizontal segment when they are :first-child inside segments group
    Docs Bugs
  • Thanks to everyone who has submitted PRs for typos, grammatical changes. These are too numerous to count, but really help improve the quality of our docs.
  • Progress - Progress example code no longer shows accidental inline css
  • Sticky - Fixed issue where pressing home/end button would cause sticky to break due to internal logic not allowing immediate jump from bottom attached to top attached, experienced most likely when pressing "home" or "end" key #3011

Version 2.1.4 - Sep 13, 2015

13 Sep 19:51
Compare
Choose a tag to compare

Critical Bugfixes

  • Build - Fixed issue where using a packaged theme without a site.variables would cause build to fail #3009 #3010

Enhancements

  • Form Validation - Form validation now supports a brand new shorthand which is simpler to specify #2579
// expands out using default prompts and identifier matching property label
$('.ui.form')
  .form({
    fields: {
      name     : 'empty',
      gender   : 'empty',
      username : 'empty',
      password : ['minLength[6]', 'empty'],
      skills   : ['minCount[2]', 'empty'],
      terms    : 'checked'
    }
  })
;
  • Form Validation - identifier and prompt are now optional for all form validation rules. Default prompt values have been added for all rule types, and identifier will now automatically match on the named value for rule if no ID is specified. #3001 #2579
  • Form Validation - All form prompts now support templates values, {value}, {name}, {ruleValue}, and {identifier} #3001

Bugfixes

  • Dropdown - Fixed issue with ',' key not being allowed in dropdown due to user tagging shortcut key #3016
  • Message - ui list used inside ui message now aligns properly in all conditions #2958
  • Form Validation - Validation messages in error message group are now correctly removed when invalid field revalidates on blur
  • Label - Labels no longer force single line using word-wrap: nowrap #3006
  • Table - Fixed issue where (x) column segment table was inheriting accidentally inheriting some grid styles
  • Grid - Fixed middle aligned grid not applying to columns #2959
  • Menu - Fixed issue where right menu was not floating correctly inside a menu > container on mobile #2969
  • Button - Fixes right labeled icon button with a right named icon (for example right arrow) having incorrect margin on icon. #2973

Version 2.1.3 - Sep 03, 2015

03 Sep 20:06
Compare
Choose a tag to compare

Bugfixes

  • Embed - Fixes issue with ?= appearing before parameters instead of ? #2956 Thanks @AgentShark
  • Input - Fixes regression where ui icon input inside forms were not correct width #2953
  • Input - Fixes typo in focused placeholder text color preventing the value from being used #2939
  • Input - action input now correctly show focused border on button side, and avoids duplicating borders

Version 2.1.2 - Sep 02, 2015

02 Sep 15:56
Compare
Choose a tag to compare

More zero-day bug fixes.

Bugfix

  • Form Validation - Fixes callbacks on onSuccess so as to not break backwards compatibility. #2945 #2944

Version 2.1.1 - Sep 02, 2015

02 Sep 14:25
Compare
Choose a tag to compare

Bugfix

  • Build Tools - Fixes issue causing comment banner to incorrectly show version 2.0.7 in dist/