## RELEASE NOTES ### Version 1.9.0 - January xx, 2015 **Major Changes** - Semantic LESS files can now be directly included in other LESS files. Previously the inheritance system would cause errors when files were compiled consecutively. * You can import all UI by using `@import 'src/semantic';` * You can also import individual definitions using `@import 'src/definitions/elements/button'`. **Enhancement** - **API** - API now has an ``onRequest`` callback setting that receives the XHR promise after initializing the request - **Button** - Loading buttons no longer receive `pointer-events` in default theme. Added variable for `loading button` opacity. - **Dropdown** - `search selection dropdown` will now close the menu when a `dropdown icon` is clicked - **Dropdown** - Added new dropdown setting, `forceSelection` which forces `search selection` to a selected value on blur. Defaults to `true`. - **Flag** - Reduced the file size of flag sprite to a measly 28kb (500%+ file size reduction) - **Flag** - Updated Burma/Myanmar flag to current flag (was pre-2010 flag) - **Form** - Input rules now apply to `input[type="time"]` - **Headers** - Headers can now contain images alongside text, added examples to docs - **Icon** - Added new icons aliases for icons from Font Awesome 4.3 - **Icon** - Added woff2 icon files for supported browsers (20% file-size decrease) **Thanks FontAwesome** - **Sidebar** - Sidebars in IE now work correctly with `context` specified **Bugs** - **All Modules** - Fixed bug where element `destroy` could remove third party events when re-initialized - **Transition** - Transitions with direction now use word order dependency to prevent conflict with component directions, for example `bottom left popup slide down in transition - **Icon** - `external link` and `external link square` has been renamed to `external icon` to no longer receive `link` styles by default - **Dropdown** - Upward dropdown now has upward arrow icon - **Steps** - Fixed bug where evenly divided steps were no longer fluid - **Transition** - Fixes bug where `moduleNamespace` was being omitted **Docs** - Fixed bug with chinese mirror modal appearing on every page load when selecting chinese language ### Version 1.8.1 - January 26, 2015 **Bugs** - **Grid** - Removed `text-align: left` from column definition. Now inherits from grid. - **Input** - `ui labeled input` now forces `table-cell` so that it can use `ui dropdown`, added example in ui docs with dropdown - **Input** - Fix border radius on `ui action input` with button groups, aka `ui buttons` - **Popup** - Popup `hide all` will now use transition set in `settings.transition` when closing other popups - **Grid** - Fix `doubling grid` setting `100% width` which may cause ### Version 1.8.0 - January 23, 2015 [View Closed Issues](https://github.com/Semantic-Org/Semantic-UI/issues?q=is%3Aissue+milestone%3A1.8.0+is%3Aclosed+sort%3Acomments-desc) [View Commits](https://github.com/Semantic-Org/Semantic-UI/compare/1.7.3...1.8.0) **Key Features** - **Form** - Form now has new methods `reset`, `clear`, `set value(s)`, and `read value(s)` for modifying and reading form data. Check docs for details on implementation. **Thanks @mktm** - **Search** - Search `onSelect` now recieves JSON object matching currently selected element, you can now programmatically retrieve result JSON using `.search('get result', 'query')` or `.search('get results')`. `get result` will default to current value unless specified as first parameter. - **Transition** - Added many new transitions, and new directions for existing transitions **Thanks @ph7vc** - **Dropdown** - Dropdown now stores `placeholder text` (prompt text) as separate from `default text` (text set on page load). You can now reset placeholder conditions using `$('.ui.dropdown').dropdown('clear');`` **Enhancements** - **API** - Added new behavior `$.api('abort')` which cancels current request - **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. - **Dropdown** - Mutation observers will now observe changed in `` are not invoked on `ui dropdown` - **Dropdown** - Fixed bug where link items would not open in sub-menus due to `event.preventDefault` - **Label** - Fixed `ui corner label` appearing on-top of `ui dropdown` menu due to issue in z-index heirarchy - **Label** - Fixed issue with `ui ribbon label` not positioning itself correctly when using sizes like `small` or `large` - **List** - `relaxed list` and `very relaxed list` no longer add padding to child menu items - **Popup** - Popup will now only use a max of one element when `settings.popup` mistakingly passes multiple DOM elements - **Popup** - Popups will now by default appear over all UI content, even dimmers. - **Search** - Search results no longer hide/show when user changes tab or page loses focus - **Sidebar** - Fixed bug with `pusher` inheriting first child margins due to `margin-collapse` - **Sidebar** - Mobile `is mobile` was using RegExp `test()` which would return an incorrect value when called multiple times - **Sidebar** - Sidebar will now only close if you click on `pusher` or underlayed `body` (scale out). Clicking on fixed elements will not close sidebar. - **Transition** - Fixed bug with animations that contain the strings 'in' or 'out' as part of their names, for example "swing" - **Sticky** - Fixes issue with container size not being set explicitly on rail due to improper method renaming ### Version 1.7.3 - January 16, 2015 - **Installer** - Fix issue with component list in `semantic.json` not correctly overriding default components ### Version 1.7.(1-2) - January 15, 2015 **Bugs** - **Installer** - Fixes installer not including RTL parameter correctly - **UI** - Fixes `progress`, `ad`, and `sidebar` not loading `.override` files correctly - Removed undocumented components from `theme.config.example` ### Version 1.7.0 - January 14, 2015 **Major Changes** - **Project** - Right-to-left (RTL) support added. New gulp tasks for RTL file generation and install setting. Docs however do not yet support RTL.*Thanks @MohammadYounes for constant support with RTL!*. - **Project** - Install now let you specify the outputted file permissions (express/custom install) **Enhancements / Changes** - **Grid** - Added `equal width` variation using `flex-box`, `equal height` now also uses `flex-box` (this may have to be removed if causes unexpected browser issues) - **Sidebar** - Having a sidebar visible on page load is now much simpler. You can include ``ui visible sidebar`` on page load to have a sidebar element appear on page load. To close call `$('.ui.sidebar').sidebar('hide')` - **Sidebar** - Added documentation on using sidebar on a custom context. Sidebars using a custom context no longer add background colors like those initialized on `body` - **Site** - Form input highlighting color added (helps differentiate form colors with autocompleted fields). Default text highlighting color moved from highlighter yellow to a mellow blue. - **Dropdown** - Javascript Dropdown can now be disabled by adding ``disabled` class. No need to call `destroy`. **Thanks Psyton** - **Dropdown** - Search dropdown input can now have backgrounds. Fixes issues with autocompleted search dropdowns which have forced yellow "autocompleted" bg. - **Dropdown** - Fix issue with search selection not correctly matching when values are not strings - **Progress** - Progress bars can now display percent or amount left using `{value}` in text templates - **Dropdown** - New `upward dropdown` variation, which opens its menu upward. Default animation now uses ``settings.transition = 'auto'` and determines direction of animation based on menu direction - **Dropdown** - Dropdown matching fields without values now trims whitespace by default - **Checkbox** - Checkbox now toggles on spacebar when focused (previously only toggled on enter key). - **Popup** - Popup now uses its own custom method for determining `offsetParent` meaning 3D contexts (like inside an animation) no longer should break positioning - **Popup** - Popup now uses `preserve: false` by default, this is slightly less performant but will reduce page clutter caused by leaving generated elements in the DOM **Code / Build** - **Build** - `Dist/` files now set file permissions in build. `644` by default. Can adjust in `semantic.json` or during gulp install. You will need to run `npm install` to add the new gulp-chmod dependency *Thanks @PeterDaveHello* - **Sidebar** - `setup layout` not occurs synchronously if you initialize a sidebar without the proper html. This makes sure calls to sidebar will occur correctly before the page is setup. A new setting `delaySetup` will override this, increasing performance. - **Modules** - Remove use of deprecated `.size()` for `.length` across all modules - **Modules** - Use of `$.proxy` swapped to native `function.call()` for performance gains across all modules **Bugs** - **Video** - Video component now uses `//` instead of defaulting to `http` - **Dropdown** - `restore defaults` will now set placeholder styling and remove active elemenet. Added example in docs. - **Dropdown** - Fixed bug where sub menus may sometimes have dropdown icon overlap text - **Dropdown** - Fixes dropdown search input from filtering text values when input is inside menu, i.e "In-Menu Search" - **Dropdown** - Fix issue with search selection not correctly creating RegExp when select values are not strings **Thanks @alufers** - **Dropdown** - Fix issue with `left floated` and `right floated` content sometimes not applying correctly - **Popup** - `wide` and `very wide` popup will now appear when screen size is below their `max-width` - **Popup** - Popup no longer blurs element on popup hide - **Segment** - ``ui tabular menu`` now correctly aligns with attached segment when using fluid variation *Thanks @MohammadYounes* - **Segment** - `basic segment` no longer removes padding on first and last elements - **Steps** - Steps now use ``table-cell`` to allow steps to be equal height by default, even with different content height. - **Button** - Fix issue with labeled icon groups in material theme - **Progress** - Fixes bug with progress that use ``total`` and ``value`` receiving the wrong values for text templates - **List** - Fix some styling issues with `ui list` inside `ui menu` ### Version 1.6.4 - January 12, 2015 - `1.6.3` contained an unintentional character at beginning of `label.less` re-released as `1.6.4` **Bugs** - **Build** - Fix CSS property typo in list icon, and label causing issues with some custom build tools ### Version 1.6.3 - January 12, 2015 - `1.6.3` contained an unintentional character at beginning of `label.less` re-released as `1.6.4` **Bugs** - **Build** - Fix CSS property typo in list icon, and label causing issues with some custom build tools - **Label** - Fix attached labels to have correct border radius inside of attached segments of all kinds ### Version 1.6.2 - January 06, 2015 **Site Variables** - **Site** - EM values for `small` `large` etc are now all calculated from ``@emSize`` allowing you to only change one variable. **Bugs** - **Button** - Fixes active orange button color - **Menu** - Fixes ``fluid text menu`` to have correct margins ### Version 1.6.1 - January 05, 2015 **Bugs** - **Accordion** - Accordion now uses ``useFailSafe: true`` to avoid callbacks not occurring because of race conditions with `transitionend` in webkit ### Version 1.6.0 - January 05, 2015 **Build** - **Dist** - Build will now output version number in comment banner **Updates / Enhancements** - **Accordion** - Child element animations now use ``$.fn.transition`` and css animations by default (if available) - **Accordion** - Added ``animateChildren`` option to disable/enable opacity animation on child elements - **Accordion** - Accordion now uses `easeOutQuint`` instead of ``easeInOutQuint`` to increase perceived responsiveness of drawers - **Grid** - ``stackable grid`` now only adds horizontal padding when using ``stackable page grid``, otherwise content will take up full width of parent element **Bugs** - **Tab/Segment** - Fixes first tab being 1pixel taller than all other tabs - **Popup** - Fix issue with `ui popup` receiving error ``$offsetParent is undefined`` when using a pre-defined popup - **Popup** - Fix issue with ``ui popup` not appearing with ``ui flowing popup`` due to newly added ``min-width: max-content`` - **Form** - ``ui search dropdown`` inside a form has incorrect focus style - **Menu** - Fixes ``ui fluid labeled icon menu`` to not have `min-width` ### Version 1.5.2 - January 02, 2015 **Bugs** - **Sidebar** - Fix bug with `useLegacy` introduced in `1.5.1` ### Version 1.5.1 - January 01, 2015 **Bugs** - **Button** - Fixed vertical alignment of ``ui animated button`` - **Search** - Fixed issue with local search returning all results due to improper regexp ### Version 1.5.0 - December 30, 2014 **Critical Bugs** - **Build Tools** `1.4.0` introduced a bug with concatenated uncompressed ``dist/`` release including minified code. This would occur only when no components were specified in installer or ``semantic.json``. **Enhancements** - **Dropdown** - New setting ``allowCategorySelection`` lets menu items with sub menus be selected. Added example in docs. - **Reset** - Reset now inherits ``box-sizing`` [from html tag](http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/) - **Label** - ``ui ribbon label`` can now appear on the right side of content when specifying ``ui right ribbon label`` - **Checkbox** - Checkboxes now can handle labels with multiple lines of text - **Progress** - Progress bars now display all intermediary percentage values when animating. Improved performance when progress bar is rapidly updated. - **Popup** - Popup now uses the new property ``min-width: max-content`` to allow for better display with ``inline`` in some circumstances where it escapes parent element. - **Table** - Table now has coupling with image to make sure size is preserved correctly with table sizing when used inside a table cell. - **Menu** - ``ui fixed menu`` now defaults to ``ui top fixed menu`` **Bugs** - **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 - **Dropdown/Search** - Fixed issues with ``ui search`` and ``ui search dropdown`` using ``RegExp test`` which [advances pointer on match](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/RegExp/test) causing results to display incorrectly - **Form** - ``ui input`` now receives the same formatting as a normal input inside an ``inline field`` - **Grid** - Fix display of equal height stackable grid. Add padding to divided stackable grid for dividers - **Input** - Fixed bug when ``ui action input`` uses a ``ui icon button``, button was receiving `i.icon` formatting. - **List** - Fixed bug when using ``ui icon button`` or ``ui icon header`` causing element to receive icon formatting - **Grid** - Fixed issues where negative margins on ``ui stackable grid`` could cause horizontal scroll bars on mobile - **Popup** - Popup destroy will now also destroy any unfired timers (show/hide delay) - **Popup** - Popup now moves to the same offset context to avoid positioning errors when using a named pre-existing popup. ### Version 1.4.1 - December 23, 2014 **Build Tools** - ``gulp build`` will now only build `dist/components/` for components selected in install - Fixed bug where interactive installer was not correctly setting components in ``express`` and ``custom`` install **Bugs** - **Dropdown** - ``