## RELEASE NOTES ### Version 2.0.0 - March xx, 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) - **Dropdown** - Added new dropdown variation `scrolling dropdown` and `scrolling menu`, see docs or try it out with the language menu in the navigation bar **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). - **Grid** - grids are now all `equal height` by default, the `equal height` variation can safely be removed - **Transition** - Fallback javascript animations have been removed from some UI components like dropdown to reduce redundant code and file. - **Form Validation** - Form validation now uses a single `settings` object like other modules. Using `(fields, settings)` will continue to work but will produce a deprecation notifications in `console` - **Form Validation** - Form validation now supports several validation for multiple **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 - **Form Validation** - Form validation now has `minCount`, `maxCount`, and `exactCount` for validating multiple selections - **Grid** - `celled grid` now removes internal cells on mobile and tablet when used with `doubling` grid responsive variation - **Grid** - `equal width` now works without `row` wrappers - **Grid** - 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** - **All Modules** - All modules now default to `verbose: false` - **Checkbox** - Toggle now uses `@primaryColor` - **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** - Increase contrast on default hovered/down colors for colored variations - **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`. - **Card**- `flexbox` has been disabled in IE due to issues with [images in `flex-direction: column`](https://github.com/Modernizr/Modernizr/issues/1301) - **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` - **Dropdown** - Fixes `onChange` to fire when input value changes, not just when menu UI changes - **Dropdown** - Dropdowns with `transition: none` now work correctly. - **Dropdown** - Fixed issue with `search selection` not changing text when reselecting same value from list - **Form** - Form sizes and input sizes now inherit from `site.variables` - **Form Validation** - Form validation now validates correctly on `` now receive error formatting on `form error` **Thanks @davialexandre** - **Transition** - Added more reasonable default durations for each animation - **Loader** - `inline loader` now has a `centered` variation - **Modal** - Modal no longer hides and reshows dimmer when opening a modal with another modal open with `exclusive: true` - **Popup** - Added `exclusive` parameter to automatically close other popups on open - **Transition** - Added `toggle` behavior and docs for `show` and `hide` - **Transition** - transition now has `stop`, `stop all`, and `clear queue` for removing transitions, (undocumented method `stop`, and `start` renamed to `enable` and `disable`) - **Dimmer** - Add `opacity` setting to override css value. Add to docs several undocumented settings, like `useCSS`, and `variation`. - **Icon** - added `@src` variable to make it adjustable with themes that dont support all types like `woff2` **Deprecations** - **Menu** - `ui tiered menu` has been deprecated. It has been removed from the docs, and will be removed eventually in `2.0` **Bugs** - **Input** - Fix bug with vertical centering of `ui action input` inside `menu` due to `flexbox` changes - **Dropdown** - Fixes issue where dropdown would not open after restoring previus value on failed `search dropdown` search - **Grid** - Fixes specificity of grid `column` colors to not affect other elements with columns - **Icon** - Fix `clockwise rotated icon` causing `clockwise` icon to appear - **Popup** - Fix issue with `popup` not re-opening until another element gains focus on a mobile touchscreen - **Modal** - Fixed issue with modal not appearing when calling `show` during another modal `hide` - **Popup** - Popup will now fire `onHidden` when an element is hidden by opening a different popup - **Popup** - Fix popup not namespacing `window` events and unbinding on `destroy` **Thanks @revov** - **Table** - Fixes table on `mobile` sizes can surpass parent container width - **Transition** - Fixes `swing out` animations not working correctly - **Transition** - Fixed display state other than `block` not determined when using `show` and `hide` without an animation - **Transition** - Fix bug in `remove looping` causing next animation to use same duration - **Segment** - Fix first/last margins on `ui segments` - **Search** - Fix special characters not searching correctly with local search - **Search** - Fix a bug with `onSelect` returning `null` when `minCharacters: 0` - **Search** - Fix a bug with `onSelect returning `null` when results retrieved from cached API query - **Sticky** - Fixed sticky position when page loads and content is below sticky content. - **Sticky** - Fix bottom attached position not adjusting for bottom padding on container element - **Menu** - Fix vertical pointing menu, sub menu arrow color - **Item ** - `img` inside of `ui item content` now do not receive size formatting by default - **Form** - Added `input[type="search"]` styles to `ui form` **Docs** - **Transition** - Adds examples of `hide, `show`, `toggle`, `stop`, `stop all`, and `clear queue` - **Item** - Significant rewrite of `ui item` documentation ### Version 1.10.4 - February 28, 2015 - **API** - Remove console error message when no API url is specified but element is a `form` (defaults to `form` action) - **API** - `api` check for [serialize object](https://github.com/macek/jquery-serialize-object) optional dependency no longer produces error when `serializeForm: true` and dependency is not found. ### Version 1.10.3 - February 27, 2015 **Bugs** - **Build Tools** - All UI components now have component name in comment banners and release version - **Menu** - Fixes dropdown menu item not having a hover state inside inverted menu - **Search** - Fixes bug in category search causing item selection to sometimes produce a javascript error. - **Button** - Fixes `