Releases: Semantic-Org/Semantic-UI
Version 2.2.11 - July 11, 2017
Critical Bugs (5)
- Dropdown - Fixed issue where using
down
key to re-open dropdown when usingsearch selection dropdown
would start at the top element instead of jumping to selected element #4506 - Modal - Using multiple modals with different
inverted
blurring
orclosable
settings will now function normally in all cases #4368 - Modal - Fixed issue where modal
refresh
was being called on modals even if they are hidden, causing display issues when multiple modals are shown. Thanks @p2kmgcl #5319 - Form Validation - Fixed issue where radio was not being included in
onFailure
values if not set #5064 - Sticky - Fix issue where sticky would cause page to shift when
context
height was determined by sticky's height inposition: static;
#3430
New Features (6)
- Dropdown - Dropdowns will automatically detect when they are offscreen to the right and will open leftward instead Thanks @Graveheart #4211
- Form Validation - Added
add rule
add field
,remove rule
,remove field
to programmatically and and remove validation rules from form validation #4267 #5253 - Site - Site now includes custom styles for in-page UI scrollbars (but not actual page scrollbar) by default in WebKit/Chrome. Components with inverted content like dimmer include an inverted scrollbar. You can disable this by setting
@useCustomScrollbars: false
in yoursite.variables
- Modal - Adds new
scrolling content
variation to have a modal with content that scrolls - Sticky - Sticky now includes a new setting
setSize
to determine whether it should set content size on stick to the size before sticking (fixed content uses different positioning system) #4360 - Reset - Upgrades to normalize.css 7.0 Thanks @ivantcholakov #4647
- Modal - Adds
tiny
andmini
sized modals Thanks @Banandrew #5123 - Steps - Steps now include an
unstackable
variation Thanks @TemaSM #3714
Enhancements (4)
- Build Tools - All Gulp/NPM dependencies have been updated to their latest versions
- Dropdown - Improved spacing on
image
insidemenu item
and for selectedtext
- Popup - Added
bind clickaway
bind touch close
bind close on scroll
behaviors to make it easier foron: 'manual'
popup to specify behavior - Popup - Separated className setting for
visible
intovisible
andpopupVisible
, this way you can remove visible indication on activating element without modifying popup visibility.
Bug Fixes (19)
- Table- Fix inverted table header color not applying properly to
sortable table
Thanks @Banandrew #5303 - Dimmer - Changing closable or inverted settings dynamically with
setting
will now modify settings correctly on next show/hide without re-initialization - Dropdown - Fix dropdown arrow being slightly off center due to em calculation being incorrect due to differences in relative em
- Dropdown - Fix
loading dropdown
icon position being slightly offset - Dropdown - Fixed issue where
search selection dropdown
would reset list to top after selection when re-opening dropdown #4506 - Icon - Changed
content icon
to use an existing aliassidebar icon
, as it is most common use case and prevents naming collisions withcontent
of elements Thanks @philrykoff #4574 - Sidebar - Removed use of
ios
browser detection, and use of-webkit-overflow-scrolling: touch;
. iOS no longer has sizing issues when displaying sidebar content in latest iOS. - Search - Fixed issue where
searchDelay
could cause results to appear after search had lost focus. - Sticky - Fixed edge case where using
offset
setting, sticky element would not internally scroll if the rail contents (without the offset setting) would fit on screen - Popup - Fixed bug where
supports svg
was not working correctly due to incorrect comparison toundefined
Thanks @mathiasrw #4544 - Input - Fix issue where transparent input had a border radius and could cut off descendors #5281
- Input - Fixes disabled style being applied twice on input Thanks @levithomason #5284
- Message - Fix issue with
compact icon message
not appearing compact #4759 - Menu - Fixed issue where
left menu
andright menu
did not display correctly instackable menu
on mobile Thanks @BleuDiamant @traverse #3604 #5116 - Menu - Fixed issue where
(x) item attached menu
was off by 1 pixel due to a css inheritance issue #4248 - Popup - Fixed issue where popup would incorrectly add itself to the wrong offset context when using
popup
andtarget
setting together in cases where thetarget
has a differentoffsetParent
than the activating element. - Segment - Fixed issue where using colored segment e.g.
red segment
insidesegments
would not work when:first-child
#4013 - Sticky - Fixed an issue where
ui sticky
used with a percentage based width would not resize properly if the content size of container changed when "stuck" #4360 - Dimmer - Fixed typo causing body dimmer to add unnecessary
position: relative;
Thanks @jinyangzhen #4707
Doc Fixes (3)
- Form - Updated docs to include new examples of adding/removing validation rules
- API - Clarified in docs that all AJAX parameters can be passed to API
- Form Validation - Added undocumented
add prompt
to list of behaviors
Version 2.2.10 - March 28, 2017
Critical Bugs
- Dropdown - Fix search input inside dropdown menu causing dropdown to close before selection when selecting an item #5113
- Dropdown - (IE11 Only) Fixed issue where dropdown re-opens immediately after closing when using a
search
inside menu. #4237
Bugs
- Button - Fixes
@basicActiveBoxShadow
being used incorrectly in basic button variables - Visibility - Visibility events now fire correctly when using
context
other than body that hasoverflow-x
oroverflow-y
set toauto
orscroll
- Dropdown - Fixes an issue where dropdown would not correctly open
upward
at bottom edge of the screen when using acontext
withoverflow-x
oroverflow-y
set toauto
- Modal -
onDeny
andonApprove
callbacks can no longer occur multiple times if you rapidly click a approve/deny button in a. #4479
Enhancements
-Form - Credit card validation now no longer fails validation with dashed credit card values #5122 Thanks @neokio
Bugs
- Visibility - Fixed bug where using visibility with
context
setting on a scrollable context (with overflow) would cause callbacks to fire incorrectly - Visibility - Fixed bug where
top passed
andbottom passed
would appear as incorrect values if using settings fromget element calculations
when element is off screen.
Version 2.2.9 - February 21, 2017
Build Tools
- Fixes
2.2.8
npm install script failing due to incorrect path inrequire
statement
Version 2.2.8 - February 21, 2017
Important Note
Some quirks have been resolved that may cause changes for upgrading users who were expecting these behaviors
Form Validation
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.
Dropdown
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
- Icons - Updates Font Awesome to
4.7.0
Always the man @BreadMaker #4766 - Dropdown - Added new setting
filterRemoteData
, when set totrue
API will be expected to return the complete result set, which will then be filtered clientside to only display matching results. Thanks @enix223 #4815 - Dropdown - Fixed issue where using some usage of special characters like
\
could cause dropdowns to not work. #4688 #4692 - Tab - Added setting
loadOnce
, which when enabled only calls remote endpoint for tab data on first load and leaves the DOM undisturbed afterwards. #2534
Critical Bugs
- Dropdown -
forceSelection
setting will no longer cause highlighted value in multiselect to be selected on blur when using amultiple selection dropdown
#4041 #4516 - Dropdown - Dropdown using search input inside of menu are now tabbable #4490
- Search - Fixes issue where empty results message can still appear when using setting
showNoResults: false
#4616 - Sidebar - Fixed bug where sidebar in
iOS
would show incorrect background when opening sidebar if page is less than 100% height #4264
Critical Doc Fixes
- Visibility - Added documentation for
onOnscreen
andonOffScreen
, two very important callbacks that occur when an element is or isn't in currently scrolled view.
Enhancements
- Items - Added
unstackable
variation to prevent items from stacking on mobile #2901 - Search - Added new parameter
callback
to behaviorsquery
,show results
,hide results
, andsearch remote
to allow a function to be called after completion. - Form Validation - Rules now properly supports identifiers with special characters like brackets, e.g.
name="user[name]"
Thanks @mzygmunt #4163 - Search -
esc
key now hides results and prevents them from being displayed again until form field is blurred
Build Tools
- NPM - Removed dependency on tarball, packaged new patched WrenchJS under Semantic-org as a new package.
Bugs
- Button - Fixed issue where css specificity caused
icon buttons
to not center correctly #4487 - Dropdown - Fixed bug where clicking on a dropdown's
dropdown icon
when using remote data would not open menu #4041 - Dropdown/Search/Checkbox - Removes use of deprecated
dispatchEvent
DOM APIs for generating simulated events - Dropdown - Fixes issue where
left pointing dropdown
andright pointing dropdown
appear styled incorrectly when openingupward
#4896 - Dropdown - Fixed issue where using
fullTextSearch: 'exact'
would still fuzzy search on value Thanks @ rminnett #4651 #3424 - Dropdown - Fix bug where
scrolling menu
orscrolling dropdown
would have excessive right padding by removing scrollbar width from calculation (no longer necessary in modern browsers) - Comments -
small
,large
and other comment sizes now default to global size variables. - Dropdown - Fixed issue where
selectOnKeydown
withhtml
content would cause only non html content to display intext
until blur - Form Validation - Fixes issue where decimal validation would allow multiple
.
in value - Form Validation - Fixes js error caused by revalidating inputs without validation rules #4497 #4547 Thanks @cbxp
- Header - Fixed issue where using
image icon
orimage outline icon
would cause incorrect display withinui header
due to namespace collision withui image
#4145 - Input/Dropdown - Fixed rounding error causing vertical alignment of
dropdown
,search
,input
to sometimes appear off by 1 pixel #4279 - Segment - Fixed
padded vertical segment
very padded vertical segment
mistakenly receives horizontal padding #3012 - Visibility - Images that use
$('img').visibility({ type: 'image'})
will no longer animate a second time if re-initialized. - Form Validation - Fixed issue where using bracketed values, or other special characters could cause errors with selectors #4163 #4164
Documentation
- Comments - Added missing
size
variations to comments docs #4450 - Typos - Thanks to everyone who has submitted typo/grammatical PRs, much appreciated
Version 2.2.7 - December 21, 2016
Version 2.2.6 - October, 27, 2016
Bugs
Version 2.2.5-6 - October, 27, 2016
Bugs
- Tab - Hotfix for accidental use of ES6
let
. This is cause of the bump to2.2.6
- Search - Fixed issue where pressing "up" key when no results selected would cause bottom result to be selected
- Search - Fixed issue where input may attempt to refocus when search element is immediately removed from browser's DOM after a result is clicked.
- Flat Theme - Fixes inverted input color
Version 2.2.5 - October, 27, 2016
Bugs
- Search - Fixed issue where pressing "up" key when no results selected would cause bottom result to be selected
- Search - Fixed issue where input may attempt to refocus when search element is immediately removed from browser's DOM after a result is clicked.
- Flat Theme - Fixes inverted input color
Enhancements
- Tab - Added new tab cache type
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 #2534 - Checkbox - Adds additional variables for styling toggle checkbox on/off state
- Sticky - Adds
container
setting. This can be used to specify the offsetParent of the sticky element and avoid having to calculate on initialization (improving performance) - Progress - Progress now includes transitionEnd failback for progress bar animations, this will prevent labels from continuing to be updated if the
transitionEnd
css callback does not fire correctly - Transition - You can now specify
data-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)
Version 2.2.4 - August 25, 2016
Version 2.2.3 - August 21, 2016
Enhancements
- Form Validation - Bracketed notation can now be omitted for rules, instead passing in bracketed values with the
value
parameter #3313 - Dropdown - Using
search selection
withselectOnKeydown
will now highlight the partial search matching the currently keyboard selected value - Modal - Modal now includes setting to enable/disable keyboard shortcuts
- Modal - Modal will now focus first tabable element, not just
input
#4370
Bugs
- Comments - Adds missing sizes (mini, tiny etc) Thanks @ilanus #4408
- NPM - Fixed
package.json
to allow either jQuery2.x
or3.x
#4254 - Button/Dropdown - Fixed issue where
ui dropdown button
could have incorrect spacing for dropdown icon Thanks @ilanus #4408 - Form/Segment - Fix typo causing
pointer-events: none
no to work onloading segment
andloading form
*Thanks @YamiOdymel and @ilanus #4403 - Icon -
icons
can now receivelink
styling Thanks @tbracken #4399 - Button - Fixed
vertical buttons
with only 1 button having incorrect border radius Thanks @Denhai #4107 - Grid - Fixed issue where
(x) aligned column
inside a(x) aligned row
would not properly apply thecolumn
alignment - Form - Fixed issue where
disabled fields
with radio inputs would not correctly dim the label Thanks @louwers #4366 - Menu - Fixed issue where
dropdown
invertical menu
would not correctly openupward
when no space below Thanks @gdaunton [#4150 #4156 - Dropdown - Using
search selection with
selectOnKeydown` 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) - Dropdown - Fixed issue where dropdown
clear
would not remove active state whenuseLabels: true
and multiple dropdown Thanks vinh123456789 #4275 #4366 - Dropdown -
dropdown icon
no longer relies on stopping event propagation. This means using the dropdown icon will now cause other dropdowns to correctly hide. #3998 - Dropdown - Fixes
action: select
not working correctly since2.2
due to incorrect use of new function signature. #4183 - Dropdown - Fixed typo causing selectObserver mutation observer not to disconnect Thanks @Paklausk #4311
- Icon - Fixed missing
dribbble
icon due to incorrect count of "b" (should be 3). #4185 - Icon - Fixes
grab icon
andtelevision icon
not appearing correctly #4178 - Form -
input
styles now apply totype="file"
thanks @coldfire79 #4074 - Popup/Menu - Fixed issue where popup would not appear correctly when nested in menu in some ways.
- Icon - Fixes
talk
icon not working correctly Thanks @anantogosh #4354 - Transition - Removed unreachable code Thanks @basarat #4225
- Grid - Fixed alignment in `centered justified grid** Thanks @bretto36 #4224
- Popup - Fixed issue where
observeChanges: false
setting in popup would not prevent mutation observers
Version 2.2.2 - July 07, 2016
Bugs
- Shape - Fixed issue where shape was animating incorrectly when using jQuery 3.0, due to secret changes in how
width
are calculated on elements withtransform
- Dropdown - Fixed "pointer" cursor appearing in hitbox above search input in
search selection
, now all input area will appear with "text" input cursor - Dimmer/Modal - Fixed a bug which could cause a modal's dimmer to not obey
inverted: true
orblurring: true
when initializing modals with then afterwards without either setting.