Semantic UI 2.5.0 – Oct 6, 2022

Breaking Changes

• Gulp 4 — All build tasks updated; drops Gulp 3 support. Required for Node 12+ compatibility.
• Node 18 — Build scripts now target Node 18 as baseline.

Critical Fix

• CSS — Fixed extra semicolon breaking CSS compilation across multiple systems.

Fixes

• Dropdown — Menu can now open rightward inside ui menu containers....

Note

If you are using the semantic-ui-less package with versions of LESS before 3.5 some calc values will not be computed correctly due to changes in variable interpolation. It is recommended that you upgrade to at least 3.5 to continue using new versions of SUI. For more information see #6512

Build

• LESS - SUI now...

2.4.0 includes a new component placeholder. To use this component in your existing SUI site, be sure to add @placeholder: 'default'; to your theme.config. You can see an example in theme.config.example

New Components

• Placeholder - Added ui placeholder that can be used to show where content will soon appear.

New UI Type

• Segment - Added new `ui placeholder s...

Bug Fixes

• Search - Passing in cache: false will now affect default settings for apiSettings when using a remote endpoint. Previously you would also have to pass in apiSettings: { cache: false} as well
• CSS - Update LESS syntax to be compatible with LESS 3.0 Thanks @sciyoshi #6447
• Icon - Several icon names ha...

Enhancements

• Modal - Modal and Dimmer now prevent background page from scrolling on mobile or where touch events are present
• Button - Add inverted and inverted basic variations for primary and secondary buttons Thanks @hammy2899 #6242

Theming

• Global - Add hover down active and focus vari...

A Special Message about Flex Modals There will be an update shortly to resolve issues related to flex modals when using multiple modals and detachable: false, in order to not hold up this release, we've decided to move forward without a fix.

A general solution will most likely require branching code for IE11 which will disable flex (as IE11 doesnt correctly implement the latest spe...

Major Enhancements

• Icons - Font Awesome 5 is now included in Semantic UI Thanks @hammy2899 #6085

• Search - Category search can now work with local search by adding a category property to any result and specifying type: 'category'

  var categoryContent = [
    { category: 'South America', title:...

Critical Bugs

• Form - Fixes issue where radio checkbox would not return correct value from get values Thanks @tincdev #5713 #6043
• Modal - Fixes issue where an oversized modal would appear behind an existing modal when using allowMultiple: true and a second...

Hotfix (2)

• Install - Some interactive install script issues may be fixed. Forked gulp-prompt plugin to allow for updated inquirer version
• Build Tools - Fixes typo causing fix for build tools to fail #5391

Major Enhancements (1)

• Dropdown - Dropdown can now have values specified in javascript when initializing.This should simplify cases where dropdown contents are contingent on other fields, for example listing sub categories. You can see some examples here and in the [usage section of dropdown docs](https://www.semantic-ui.com/modules/dropdown.html#init...