Version 2.3.0 - Feb 20, 2018
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
categoryproperty to any result and specifyingtype: 'category'
var categoryContent = [
{ category: 'South America', title: 'Brazil' },
{ category: 'South America', title: 'Peru' },
{ category: 'North America', title: 'Canada' },
{ category: 'Asia', title: 'South Korea' },
{ category: 'Asia', title: 'Japan' },
{ category: 'Asia', title: 'China' },
{ category: 'Europe', title: 'Denmark' },
{ category: 'Europe', title: 'England' },
{ category: 'Europe', title: 'France' },
{ category: 'Europe', title: 'Germany' },
{ category: 'Africa', title: 'Ethiopia' },
{ category: 'Africa', title: 'Nigeria' },
{ category: 'Africa', title: 'Zimbabwe' },
];
$('.ui.search')
.search({
type: 'category',
source: categoryContent
})
;-
Popup - Popup can now position elements correctly even when they have a different offset context than their activating element. Like in this example.
-
Popup - Popup will now align the center of the arrow (not the edge of the popup) when it would be reasonable (up to 2x arrow's offset from edge). See this explanation
To preserve functionality movePopup default has remained as true (moving the popup to the same offset context), however now setting movePopup: false should now always position correctly. Be sure to use movePopup: true to avoid issues with ui popup inside menu, input or other places where it may inherit rules from its activating element or its context.
-
Transition - Adds new
glowtransition for highlighting an element on the page, andzoomanimation for scaling elements without opacity tween. -
Modal - Modal has been rewritten to use
flexbox. No need to callrefresh()to recalculate vertical centering. -
Modal - Modals now have a setting
centeredwhich can be used to disable vertical centering. This can be useful for modals with content that changes dynamically to prevent content from jumping in position.
Minor Enhancements
- Theming - Added global variables for reassigning
normalandboldfont weights for custom font stacks. Thanks @jaridmargolin #6167 - Search - Category results now has
exactsetting matching dropdown forfullTextSearchpreventing fuzzy search - Search - Category results will now responsively adjust
titlerow if titles are long instead of forcing a title width - Dimmer - Dimmers now have centered content with a single wrapping
contentelement. - Modal - You can now modify
closablesetting after init Thanks @mdehoog #3396 - Accordion - Added
onChangingcallback for accordion that occurs before animation in both directions Thanks @GammeGames #5892
Tiny Enhancements
- Popup -
arrowBackgroundnow inherits frombackground#6059 Thanks @devsli - Popup - Adds new variable
headerFontWeight - Search - Search now has responsive styles for mobile to prevent results being large than page width.
Bugs
- Modal - Modal
autofocussetting now checks to see if currently focused element is in modal, avoiding issues where focus could be set inonVisibleoronShow - Menu - Fixes
bigandhugesizes being swapped in menu Thanks @Jeremy091 #5902 #5899 - Table - Fixes tr not having correct border on first row when using multiple
tbodyThanks @MLukman #4458 - Popup - Popup will now use
contentspecified in settings beforetitleattribute #4614 Thanks @aaronbhansen - Form Validation - Fixes bug where
on: 'change'would still show validation prompts onblurwhen usinginline: true#4423 Thanks @avalanche1 - Dimmer - Fixes issue with
inverted dimmerwithcontenthaving wrong text color Thanks @rijk #4631 - Images / Transition - Fixed issue where
ui imageswould show nested images withtransition hiddenas block (Fixes sequential img animation demo in docs)
Doc Updates
- Icons - Icon documentation now has a search that will copy the relevent icon html to clipboard
- Icons - Icon documentation now lists publicly all icon aliases
Doc Bugs