## RELEASE NOTES ### Version 1.12.0 - March 11, 2015 **New UI** - **Container** - Containers are fixed width containers meant for holding page contents, and are a simpler alternative to `ui page grid`, view more [examples in docs](http://www.semantic-ui.com/elements/container.html#examples) **Major Changes** - **Menu** - Menu now uses flexbox. This allows menu items to match each others heights regardless of each items content size. `right menu` content should now follow left menu content, instead of preceding it (with float). **Enhancements** - **Site** - Added in `pageOverflowX` variable, default theme hides horizontal scrollbars on `body` - **Divider** - `vertical divider` inside `ui grid` now accounts for column padding - **Grid** - `celled grid` now removes internal cells on mobile and tablet when used with `doubling` grid responsive variation - **Grid** - `equal height` and `equal width` now work without `row` wrappers - **Grid** - `equal height` rows can now be `stretched` as well as `middle aligned`, `bottom aligned` and `top aligned`! - **Headers** - Added new header type `sub header`, useful for displaying small headers alongside text content. See examples [in the header docs](http://www.semantic-ui.com/elements/header.html#sub-headers) - **Menu** - Added many new variables to menu - **Menu** - Horizontal menus now set a default image size for images / logos - **Menu** - Fixed several inheritance issues for `dropdown item` inside `menu` appearing as `menu item`. - **Menu** - The hover/active state of `dropdown item` have been adjusted to match `item`. - **Menu** - Vertical dropdown menus are no longer 100% width - **Menu** - Menus items are now slightly more padded - **Segment** - Added `padded` and `very padded` segment variations - **Sidebar** - Improved animation performance through performance debugging. Sidebar now caches, width, height, rtl direction on load. - **Table** - Added `vertical alignment` variations to `ui table` - **Visibility/Sticky** - Visibility and sticky now refresh automatically after page content loading to deal with changes in position from images loading - **Visibility/Sticky** - Visibility now uses pub/sub pattern to greatly improve scroll performance when attaching multiple events **Changes** - **Dropdown** - Dropdown padding values now resolve to exact pixel values from em - **Grid** - Small computer `page grid` gutters have been adjusted from 8% to 3% to allow for roomier layouts on small screens. - **Header/Table/Divider** - These components now pull border color defaults from `site.variables` instead of using their own values - **Input** - Input now use `em` instead of `rem` so they will inherit the size of the elements they are nested inside - **Menu** - `secondary pointing menu` has had some slight design tweaks, thinner lines, more padding - **Menu** - Active sub-menu items are now `bold` - **Menu** - Horizontal menus no longer use pointers on `active item` in the default theme - **Message** - Slightly increases `box-shadow` - **Site** - Adjusted global line height to the closest even pixel value - **Table** - Horizontal cell padding has been slightly reduced, and cell borders are slightly lighter. **Bugs** - **All Modules** - Performance logging now delays 500ms instead of 100ms for console logging to ensure all logs are captured in one group - **Card** - Fix card dimmer not appearing in minified release due to use of background shorthand property - **Checkbox** - Fix `disabled checkbox` sometimes displaying hand cursor - **Checkbox** - Fixes nested `dropdown` inside `checkbox` causing issues - **Dimmer** - Fixed `variation` setting not working correctly - **Dropdown** - Fix bug where `onChange` would call even when reselecting current value - **Dropdown** - Fixes issue with headers disappearing inside of `ui dropdown` when nested in `ui menu` - **Form** - Form sizes and input sizes now inherit from `site.variables` - **Grid** - `x column wide` inside `equal width/height` now cannot grow beyond column size - **Grid** - Fixes colored grid columns not appearing when not nested in rows - **Label** - Labels inside `header` now vertical align better by accounting for line height offset - **Message** - Message now uses `@lineHeight` from `site.variables` - **Modal** - `scrollable modal` now correctly adds padding below modal - **Modal** - Modal with `detachable: false` inside `ui sidebar` `pusher` element will now show correctly - **Popup** - Fixes issue with `min-width` in firefox exceeding `max-width` causing element to not wrap correctly - **Table** - `very basic table` now works together with `padded table` - **Table** - Fix inheritance of text alignment and vertical alignment - **Transition** - Fixed bug where transition could sometimes not occur when an element was determined to always be hidden ### Version 1.11.3-4 - March 6, 2015 **Enhancements** - **Grid** - Added opt-in `stretched` variation for `equal height` instead of forcing `flex` on all `equal height columns` which may cause layout issues due to changes in rendering with `flexbox`. **Fixes** - **Build Tools** - Fix issues with minified CSS `@import` not being on top of minified semantic ui concatenated release due to [bug in clean-css](https://github.com/jakubpawlowicz/clean-css/issues/476) - **Grid** - Fixes `stackable` `equal height/width` grid to remove `flex` on mobile when stacking - **Grid** - Fixed `right/left/center aligned` to adjust `align-items` in flex containers like `equal height/width` ### Version 1.11.2 - March 6, 2015 **Enhancements** - **Accordion** - Accordion can now specify a trigger element instead of `title`, added an [example in docs](http://www.semantic-ui.com/modules/accordion.html#changing-trigger) - **Accordion** - Accordion can now hide while opening animation is still occuring - **Grid** - Equal width grids will now make column content stretch to full height, not just the column itself (requires flexbox). See examples [in the grid docs](http://www.semantic-ui.com/collections/grid.html#equal-height) - **Header** - Labels inside headers have been slightly increased in size - **Search** - Search now uses internally [fuzzy search](https://github.com/bevacqua/fuzzysearch) as its new full text search algorithm. **Important Fixes** - **Build Tools** - Fix issues with minified component CSS `@import` not always being on top of files due to [bug in clean-css](https://github.com/jakubpawlowicz/clean-css/issues/476) **Bugs** - **Accordion** - Removed mistaken extra `1px` top border on nested `styled accordion` - **Modal** - Fixes modal `buttons` on mobile devices to not have extra bottom padding. - **Card/Dimmer** - Fix dimmer z-index being too high when inside a `ui card`. Added variable for specifying default dimmer color inside card. - **Site** - `h1-h5` now have no top margin when `first-child` and no bottom margin when `last-child` - **Dropdown** - Fix issue in `setup reference` (added in `1.11.1`) where chaining would not return `ui dropdown` immediately after initialization ### Version 1.11.1 - March 5, 2015 **Enhancements** - **Dropdown** - Calling behaviors on a dropdown `select` will now automatically route them to the appropriate parent `ui dropdown` **Bugs** - **Grid** - Fix issue in `centered grid` not centering `column` inside `row` - **Dropdown** - Added select styles for elements before they are initialized instead of FOIC (Flash of invisible content) ### Version 1.11.0 - March 3, 2015 **New Components** - **Visibiliity** - Attach callbacks to elements visibility conditions like `top visible` `bottom visible`, `passing`. Useful for things like: image lazy loading, infinite scroll content, and recording tracking metrics. [See the examples](http://www.semantic-ui.com/behaviors/visibility.html#/examples) online for a demonstration. **Enhancements** - **Menu** - Horizontal menus now use flexbox so they can resize automatically to content size. - **Form** - `` values after initialization, and will automatically update dropdown menu when changed - **Dropdown** - Dropdown behavior `set selected` will now also call `set value` automatically, so you do not have to invoke two behaviors to update a `selection dropdown` **Thanks @mktm** - **Form** - Form will now prevent browsers from resubmitting form repeatedly when keydown is pressed on input field. - **Header** - Content headers now inherit `@h1-h6` sizes from `site.variables` - **Header** - Sub headers now adjust in size depending on header size, added new variables for subheader resizing - **Search** - Greatly reduced search delay from `300ms` to `100ms`. Previous request will automatically abort `xhr` when new request made - **Search** - Search `onSelect` and `onResultsAdd` can now cancel default actions by returning `false`. - **Transition** - Transition duration now defaults to what is specified in `css`, to set custom duration you can still pass at run-time as a different value. Animation duration no longer set by default during animation. - **Transition** - Transition will now prevent repeated animations when using an inferred direction i.e. animation without `in` or `out` specified. When `queue: true` only animations with explicit direction, e.g. `fade in`, will be ignored when called repeatedly. **Bugs** - **API** - Fixed bug where `$.api('get xhr')` was not correctly returning xhr promise - **API** - Fixed bug where API would query resource immediately when specifying `on: false` - **Button** - ``ui vertical basic buttons` now have dividers in default theme - **Button** - Fixes formatting for `disabled button` inside `ui buttons` - **Checkbox** - Checkbox now only modifies `input[type="radio"]` and `input[type="checkbox"]` ignoring any other inputs - **Dropdown** - Dropdown no longer will not show menu when no `item` are present in menu. Dropdown will now only filter results for `ui search dropdown` #1632 **Thanks PSyton**. - **Dropdown** - Dropdown will now produce an error if behaviors on an initialized ``` elements will now preserve original ``