- Table - Fixes tr not having correct border on first row when using multiple
tbody
Thanks @Mlukman #4458
- Dropdown - Fixes issue where dropdowns might accidentally animate closed two times when quickly tabbing through fields
- Table- Fix inverted table header color not applying properly to
sortable table
Thanks @Banandrew #5303
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.
- Tab - Added setting
loadOnce
, which when enabled only calls remote endpoint for tab data on first load and leaves the DOM undisturbed afterwards. #2534 - Dropdown - Dropdown using search input inside of menu are now tabbable #4490
-Tab - Hotfix for accidental use of ES6 let
- 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
- Modal - Modal will now focus first tabable element, not just
input
#4370
- NPM - NPM dependencies have all been updated to latest stable releases
- Table -
definition table
now includes additional class names for forcing, or ignoring definition cell styles - Tab - Added new setting
cacheType
, can either behtml
orresponse
(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 tosiblings
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. - Table -
definition table
now supportsdefinition
variation to specify definition styles on an element that is not:first-child
- Table -
definition table
now supportsignored
variation to force afirst-child
to ignore its default definition stylings - Menu -
tabular menu
now has correct bottom margin #4167 - Table -
striped selectable
table would not correctly show hover color on striped rows
- Menu - Fixed
1px
offset whenattached segment
followstabular menu
(max of 2 consecutive segments) #3479
- Table - Added
selectable
on table cell, allowing for full table-cell links - Dropdown - Fixed issue where tabindex was being removed incorrectly with
selection dropdown
in some cases. #3002
- Table - Fixed issue where
(x) column segment table
was inheriting accidentally inheriting some grid styles
- Menu - Added new
tabular
menu types,right tabular
,bottom tabular
, added many newtabular
menu variables for customizing - Table - New
fixed
table variation added for use withtable-layout: fixed;
. This also supports "..." ellipsis when used withsingle line
content
- Build Tools - Fixes issue where component glob
{tab, table}
caused table to be included twice in concatenated source ** - Table/Label -
ribbon labels
will now automatically position themselves when used inside a table #1930 - Menu - Fixes tabular menu missing variable for background. Thanks @frontdevde
- Tab - Fixed issue where simple path would be tested before full path, i.e.
first/
vs/second/first/
causing tab to not open in some cases Thanks @habibutsu #2843 - Dropdown - Fixed issue where
forceSelection
would not occur whenpageLostFocus
(clicked into another tab and back) - Dropdown/Tab - Fixed an instance where
metadata
was not referencing settings metadata value
- Popup - Fixed issue where popup would not open on tablets with both touchscreen and mouse on mouseenter. #2715
- Checkbox - Checkbox now focuses after click, allowing for tab navigation from current position #2610
- Menu/Segment/Table - Consolidated
attached
logic for all components using attached. #2599
- Tab - Tab now correctly obeys
cache
setting. Removed use of API's local caching by default. #2493 - Tab - Fixed bug where remote loaded tab content would not show
loading tab
on first load. - Tab - Added new examples for
evaluateScripts
and HTML5 state tabs
- Modal - If you are using a modal with image content, you will need to use
image content
on the parent element. This is becauseflex
rules require parent styling that the previoustable-row
rules did not. - Tab -
onTabInit
andonTabLoad
have been renamed toonFirstLoad
andonLoad
respectively. This is to conform to the naming conventions of other modules (no self reference). Previous callbacks will continue to work but will produce deprecation notices in console. Two new callbacksonVisible
andonRequest
have been added as well. - Menu -
vertical tabular menu
, a vertical tab menu, has been added - Button - Added
:focus
styles for all button types, all button examples in docs now are keyboard focusable using either<button>
ortabindex
where appropriate. - Grid -
celled grid
now removes internal cells on mobile and tablet when used withdoubling
grid responsive variation. - Grid -
celled
andinternally celled
grid now use flexbox instead ofdisplay: table;
- Tabs - Tab will now manually correct page scroll position when linking to an in-page anchor in a hidden tab
- Tabs - Added new callbacks
onTabVisible
andonRequest
- Tabs - Added
parseScripts
option, defaults toonce
parsing inline scripts only first load - Table - Adds
selectable table
variation, which shows hover effect on row when hovering - Table - Added
vertical alignment
variations toui table
- Table - Added
single line
table variation which prevents text from wrapping - Dropdown -
focus
after changing tabs will no longer cause menu to re-open Thanks @trevorharwell - Dropdown - Fix issue with search dropdown refocusing on self the first time after "tabbing" away in Chrome
- List - Bullets and numbers are no longer selectable in
bulleted list
andordered list
- Menu -
dropdown menu
in asecondary pointing menu
ortabular menu
now receive distinct active styling from otheractive item
- Tab - multiple tab groups initialized together with
context: 'parent'
will now each use their own parent - Tab - Tabs now use the standard component design pattern internally
- Table - Fixes
sorted
column are not correctly centered withcenter aligned
due to margin on sort icon - Table - Fixes
ascending
anddescending
icons were reversed in table - Table -
very basic table
now works together withpadded table
- Table - Fix inheritance of text alignment and vertical alignment
- Header/Table/Divider - These components now pull border color defaults from
site.variables
instead of using their own values - Table - Table header colors and padding defaults have been slightly adjusted
- Table - Horizontal cell padding has been slightly reduced, and cell borders are slightly lighter.
- Dropdown - Fix bug where element will not blur on tab key when search selection and no selection made
- Icon - added
@src
variable to make it adjustable with themes that dont support all types likewoff2
- Table - Fixes table on
mobile
sizes can surpass parent container width
- Tab - Fixed bug when loading
remote
content withtab
where current tab would not hide while another tab is loading - Tab - Tab with remote content and
auto: true
now removes duplicate slashes from url path - Tab - Added new tab remote content example with stubbed AJAX using SinonJS
- Input - Input with dropdowns is now much easier, see docs.
action input
andlabeled input
now usedisplay: flex
.ui action input
now supports<button>
tag usage (!) which supportflex
but nottable-cell
- Dropdown - Keyboard navigation will now allow opening of sub menus with right/left arrow. Enter will open sub-menus on an unselectable category (
allowCategorySelection: false
) as well. - Search - Search results no longer hide/show when user changes tab or page loses focus
- Segment -
ui tabular menu
now correctly aligns with attached segment when using fluid variation Thanks @MohammadYounes - Steps - Steps now use
table-cell
to allow steps to be equal height by default, even with different content height.
- Tab/Segment - Fixes first tab being 1pixel taller than all other tabs
- Table - Table now has coupling with image to make sure size is preserved correctly with table sizing when used inside a table cell.
- Form - Fixed (x) wide field not having correct bottom field margin when in
fields
group on tablet or mobile - Tab - Calls to global
$.tab()
would not pass arguments correctly
- Improved documentation for API and Tab to be slightly more comprehensive
- Steps - Steps are now responsive for mobile by default, and have optional responsive styles for tablet
- Table - Table has now variations to remove responsive stylings, specify responsiveness for tablet
- Table - Table now has a
structured table
type, which removes some formatting considerations to support complex table layouts withcolspan
androwspan
- Table - Fix responsive styles when applied to
definition table
. - Button - Add tabindex /keyboard nav documentation
- Dropdown - Fixes bug with dropdown converted from
select
that use<option
values with capital letters not being selectable
- Table - Fixes table cell transition animating all properties
- Table - Tables are no longer striped by default, instead you must specify the 'striped' variation
- Table - Tables now have 'basic' and 'very' basic variations
- Grid - (Backport from 1.0 branch) Fixes issue where some combinations of (tablet/mobile/computer) only does not function correctly
- Reveal - Fixes reveal being broken in Chrome in
0.15.5
due to poor fix for reveal selectability
- Table - Fixes rounding on tables with multiple tfoot elements Thanks webdesserts
- Grid - Fixes grid
only tablet/mobile/computer
showing both devices on exact pixel of breakpoint, i.e. 768px
- Grid - Fixes comp/tablet/mobile only columns not working if not inside a row
- Table - Added awesome new responsive style to ui tables
- List - Adds onTabInit for local tabs on first load
- Adds sortable tables to docs
- New tabbed doc style for modules
- List - Celled tables now have celled table headers
- Menu - Fixes border radius on tabular menu, fixes one pixel jump on active state
- Table - Table headers are now darker to increase contrast with rainbow striped rows
- Added fixes to tabular menu especially with attached content