## RELEASE NOTES ### Version 2.0.0 - March 17, 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) - **Multiselect** - New dropdown component has been added for multi-select - **Grid** - Grids are now based on `flexbox`, columns are now `equal height` by default. Flexbox alignment has been added for easier vertical alignment. - **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) **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 other menu content instead of preceding it (no longer uses float). - **Transition** - Fallback javascript animations have been removed from most UI components to help reduce file size since all modern browsers now support css animations. The `transition` component should be included when using `dropdown`, `popup` to allow for animations. **Enhancements** - **Build Tools** - Adjusting `site.variables` will now rebuild all UI, instead of just `site.less` - **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`! - **Label** - Labels now have `active` and `active hover` states - **Menu** - Added `stackable` menu variation for simple responsive menus - **Menu** - Added many new variables to menu - **Menu** - Fixed several inheritance issues for `dropdown item` inside `menu` appearing as `menu item`. - **Menu** - Horizontal menus now set a default image size for images / logos - **Menu** - Menus items are now slightly more padded - **Menu** - The hover/active state of `dropdown item` have been adjusted to match `item`. Dropdown styles can be themed specifically inside `menu`. - **Menu** - Vertical dropdown menus are no longer 100% `min-width` - **Segment** - Added `padded` and `very padded` segment variations - **Sidebar** - Improved animation performance through performance debugging. Sidebar now caches, width, height, rtl direction on load. - **Site** - Added in `pageOverflowX` variable, default theme hides horizontal scrollbars on `body` - **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** - **Checkbox** - Slider now uses `positive text color` a slightly more legible green for label - **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. - **Grid** - `center aligned` no longer centers rows, just text. Use `centered grid` to center a grid column on the page. - **Header/Table/Divider** - These components now pull border color defaults from `site.variables` instead of using their own values - **Image** - `mini image` default width has been increased to `35px` - **Icon** - `disabled icon` now have `pointer-events` again. - **Input** - Input now use `em` instead of `rem` so they will inherit the size of the elements they are nested inside - **Menu** - Menu now uses `border` for borders instead of `box-shadow` - **Menu** - `secondary pointing menu` has had some slight design tweaks, thinner lines, more padding - **Menu** - Active sub-menu items are now `bold` - **Menu** - Menus no longer have additional borders on `active item` in the default theme - **Menu** - `tiered menu` has been removed - **Message** - Slightly increases `box-shadow` - **Site** - Page background is now `#FFFFFF` by default instead of an offwhite `#F7F7F7` - **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 - **All Modules/Transition** - Transitions no longer use `rotateZ(0deg)` to trigger GPU display of visible state. This causes issues with `transform` creating new stacking context that can disrupt `z-index`. - **Checkbox** - Fix `disabled checkbox` sometimes displaying hand cursor - **Checkbox** - Fixes nested `dropdown` inside `checkbox` causing issues - **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** - First column on `stackable grid` no longer receives top margin - **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 - **Icon** - Fixes `ascending` and `descending` icon being swapped - **Label** - Labels inside `header` now vertical align better by accounting for line height offset - **List** - Fixed `inverted bulleted list` bullet color - **Loader** - Fix position of `inline centered loader` to be centered correctly - **Message** - Message now uses `@lineHeight` from `site.variables` - **Menu** - Menu now has a `min-height` that matches standard item padding - **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 - **Popup** - Fixed bug which could cause pre-existing inline popup to be removed from DOM after hiding - **Search** - Fixed `onSelect` returning the first term that matches the beginining of the selected value not the exact value. - **Search** - Search API calls now use the same level debug settings as search - **Tab** - Tab name is no longer case sensitive - **Table** - Fixes `ascending` and `descending` icons were reversed in table - **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.5 - March 23, 2015 This version backports several bugs that were being packed in `2.0` to `1.x`. 2.0 will be coming in the next 1-2 weeks. **Bugs** - **Build Tools** - Adjusting site.variables will now rebuild all UI, instead of just site.less - **Build Tools** - LESS will now throw errors correctly in `watch` - **Card** - Fixes dimmer background shorthand property causes transparent dimmer in minified version - **Dimmer** - Fixed `variation` setting not working correctly - **Dropdown** - `onChange` no longer fires when reselecting same value - **Dropdown** - Fix bug where element will not blur on tab key when search selection and no selection made - **Dropdown** - Dropdown init on `select` now returns `ui dropdown` created for chaining - **Dropdown** - Dropdown `focus` color has been adjusted to match forms more closely - **Dropdown** - Fixes IE10 scrollbar width in menu (calc was being precompiled in LESS) **Thanks @gabormeszoly** ### 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 ``