Semantic is a UI component framework based around useful principles from natural language.
Critical Bugs (5)
down key to re-open dropdown when using search selection dropdown would start at the top element instead of jumping to selected element #4506
inverted blurring or closable settings will now function normally in all cases #4368
refresh was being called on modals even if they are hidden, causing display issues when multiple modals are shown. Thanks @p2kmgcl #5319
onFailure values if not set #5064
context height was determined by sticky's height in position: static; #3430
New Features (6)
add rule add field, remove rule, remove field to programmatically and and remove validation rules from form validation #4267 #5253
@useCustomScrollbars: false in your site.variables
scrolling content variation to have a modal with content that scrollssetSize to determine whether it should set content size on stick to the size before sticking (fixed content uses different positioning system) #4360
tiny and mini sized modals Thanks @Banandrew #5123
unstackable variation Thanks @TemaSM #3714
Enhancements (4)
image inside menu item and for selected text
bind clickaway bind touch close bind close on scroll behaviors to make it easier for on: 'manual' popup to specify behaviorvisible into visible and popupVisible, this way you can remove visible indication on activating element without modifying popup visibility.Bug Fixes (19)
sortable table Thanks @Banandrew #5303
setting will now modify settings correctly on next show/hide without re-initializationloading dropdown icon position being slightly offsetsearch selection dropdown would reset list to top after selection when re-opening dropdown #4506
content icon to use an existing alias sidebar icon, as it is most common use case and prevents naming collisions with content of elements Thanks @philrykoff #4574
ios browser detection, and use of -webkit-overflow-scrolling: touch;. iOS no longer has sizing issues when displaying sidebar content in latest iOS.searchDelay could cause results to appear after search had lost focus.offset setting, sticky element would not internally scroll if the rail contents (without the offset setting) would fit on screensupports svg was not working correctly due to incorrect comparison to undefined Thanks @mathiasrw #4544
compact icon message not appearing compact #4759
left menu and right menu did not display correctly in stackable menu on mobile Thanks @BleuDiamant @Traverse #3604 #5116
(x) item attached menu was off by 1 pixel due to a css inheritance issue #4248
popup and target setting together in cases where the target has a different offsetParent than the activating element.red segment inside segments would not work when :first-child #4013
ui sticky used with a percentage based width would not resize properly if the content size of container changed when "stuck" #4360
position: relative; Thanks @jinyangzhen #4707
Doc Fixes (3)
add prompt to list of behaviorsCritical Bugs
search inside menu. #4237Bugs
@basicActiveBoxShadow being used incorrectly in basic button variablescontext other than body that has overflow-x or overflow-y set to auto or scroll
upward at bottom edge of the screen when using a context with overflow-x or overflow-y set to auto
onDeny and onApprove callbacks can no longer occur multiple times if you rapidly click a approve/deny button in a. #4479Enhancements -Form - Credit card validation now no longer fails validation with dashed credit card values #5122 Thanks @neokio
Bugs
context setting on a scrollable context (with overflow) would cause callbacks to fire incorrectlytop passed and bottom passed would appear as incorrect values if using settings from get element calculations when element is off screen.Build Tools
2.2.8 npm install script failing due to incorrect path in require statementSome quirks have been resolved that may cause changes for upgrading users who were expecting these behaviors
If you are using form validation, previous to 2.2.8 calling is valid would trigger UI updates. This behavior now no longer triggers UI updates, and will only return a boolean whether form is valid,
To trigger UI updates you can call validate form. Additional form behaviors have been added as well. See the new documentation on programmatic validation for more examples.
multiple selection dropdown no longer automatically adds the currently selected value when you "alt-tab" or blur the field, even when forceSelection: true is set.
Major Enhancements
4.7.0 Always the man @BreadMaker #4766
filterRemoteData, when set to true API will be expected to return the complete result set, which will then be filtered clientside to only display matching results. Thanks @enix223 #4815
\ could cause dropdowns to not work. #4688 #4692
loadOnce, which when enabled only calls remote endpoint for tab data on first load and leaves the DOM undisturbed afterwards. #2534
Critical Bugs
forceSelection setting will no longer cause highlighted value in multiselect to be selected on blur when using a multiple selection dropdown #4041 #4516
showNoResults: false #4616
iOS would show incorrect background when opening sidebar if page is less than 100% height #4264
Critical Doc Fixes
onOnscreen and onOffScreen, two very important callbacks that occur when an element is or isn't in currently scrolled view.Enhancements
unstackable variation to prevent items from stacking on mobile #2901
callback to behaviors query, show results, hide results, and search remote to allow a function to be called after completion.name="user[name]" Thanks @mzygmunt #4163
esc key now hides results and prevents them from being displayed again until form field is blurredBuild Tools
Bugs
icon buttons to not center correctly #4487
dropdown icon when using remote data would not open menu #4041
dispatchEvent DOM APIs for generating simulated eventsleft pointing dropdown and right pointing dropdown appear styled incorrectly when opening upward #4896
fullTextSearch: 'exact' would still fuzzy search on value Thanks @ rminnett #4651 #3424
scrolling menu or scrolling dropdown would have excessive right padding by removing scrollbar width from calculation (no longer necessary in modern browsers)small, large and other comment sizes now default to global size variables.selectOnKeydown with html content would cause only non html content to display in text until blur. in valueimage icon or image outline icon would cause incorrect display within ui header due to namespace collision with ui image #4145
dropdown, search, input to sometimes appear off by 1 pixel #4279
padded vertical segment very padded vertical segment mistakenly receives horizontal padding #3012
$('img').visibility({ type: 'image'}) will no longer animate a second time if re-initialized.Documentation
size variations to comments docs #4450
Build Tools
autoinstall: true was not copying build files during npm install Thanks @AnsonT #4430
package.json
Bugs
Bugs
let. This is cause of the bump to 2.2.6
Bugs
Enhancements
DOM which preserves the final DOM state after scripts rendering. This can be used to avoid re-running returned <script> tags on each cached read #2534container setting. This can be used to specify the offsetParent of the sticky element and avoid having to calculate on initialization (improving performance)transitionEnd css callback does not fire correctlydata-display to specify the final display state for an animation in cases that it is detected incorrectly (you can also pass in as a setting)Enhancements
value parameter #3313
search selection with selectOnKeydown will now highlight the partial search matching the currently keyboard selected valueinput #4370
Bugs
package.json to allow either jQuery 2.x or 3.x #4254
ui dropdown button could have incorrect spacing for dropdown icon Thanks @ilanus #4408
pointer-events: none no to work on loading segment and loading form *Thanks @YamiOdymel and @ilanus #4403
icons can now receive link styling Thanks @tbracken #4399
vertical buttons with only 1 button having incorrect border radius Thanks @Denhai #4107
(x) aligned column inside a (x) aligned row would not properly apply the column alignmentdisabled fields with radio inputs would not correctly dim the label Thanks @louwers #4366
dropdown in vertical menu would not correctly open upward when no space below Thanks @gdaunton [#4150 #4156
search selection withselectOnKeydown` and text content that includes html, will not apply html content (like images) to the text until dropdown blur, making sure that content can align correctly with the partial search content of the search input (which cannot include HTML)clear would not remove active state when useLabels: true and multiple dropdown Thanks vinh123456789 #4275 #4366
dropdown icon no longer relies on stopping event propagation. This means using the dropdown icon will now cause other dropdowns to correctly hide. #3998
action: select not working correctly since 2.2 due to incorrect use of new function signature. #4183
dribbble icon due to incorrect count of "b" (should be 3). #4185
grab icon and television icon not appearing correctly #4178
input styles now apply to type="file" thanks @coldfire79 #4074
talk icon not working correctly Thanks @anantogosh #4354
observeChanges: false setting in popup would not prevent mutation observersBugs
width are calculated on elements with transform
search selection, now all input area will appear with "text" input cursorinverted: true or blurring: true when initializing modals with then afterwards without either setting.