You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

1864 lines
116 KiB

10 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
10 years ago
9 years ago
9 years ago
10 years ago
9 years ago
9 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
9 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
  1. ## RELEASE NOTES
  2. ### Version 2.0.0 - March xx, 2015
  3. **Migration Guide**
  4. - **Modal** - If you are using a modal with image content, you will need to use `image content` on the parent element. This is because `flex` rules require parent styling that the previous `table-row` rules did not.
  5. - **Modal** - Modal will now only close on buttons matching `deny` or `approve` selector. Any button that should hide modal on click should either match one of these selectors, or call `$('.ui.modal').modal('hide')` `onclick`.
  6. - **Grid** - `page grid` has been deprecated. `page grids` used percentage gutters which made it unnecessarily difficult to style responsive page content. Moving forward we recommend using `ui container` a fixed width responsive container for holding page contents.
  7. - **Dropdown** - Dropdowns will now change opening directions automatically based on available screen space. If you need to force a dropdown direction use `dropdown({ direction: 'upward'})`
  8. - **Form Validation** - Form validation now passes settings through a `fields` object. This is to make form initialization match other components. The previous syntax will continue to work but will produce deprecation notices in console
  9. - **Dropdown** - Dropdown item `description` now are floated in default theme and should be included before other `item` content
  10. - **Form** - `grouped inline field` no longer display horizontally. Use `inline field` instead for horizontal inline field groups.
  11. - **Popup** - Popups are no longer exclusive by default. Opening a popup will not necessarily close other visible popups. You can change this behavior by using the setting `exclusive: true`. Additionally the default theme now uses `1rem` size for standard popups.
  12. - **Colors** - Default colors have been adjusted, which may cause slight changes in your design. New colors have also been added to fill in missing gaps in [color naming](http://en.wikipedia.org/wiki/Linguistic_relativity_and_the_color_naming_debate#Berlin_and_Kay).
  13. - **Segment** - Segment no longer includes a [clearfix](http://learnlayout.com/clearfix.html) by default. You will need to specify a `clearing segment` to clear floated content.
  14. - **Rail** - Rail now uses `border-box` instead of `content-box`. This means manually specified rail widths will now need to account for padding. This was added to fix issues where rail `height: 100%` would incorrectly match content when a rail had padding.
  15. - **Tab** - `onTabInit` and `onTabLoad` have been renamed to `onFirstLoad` and `onLoad` 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 callbacks `onVisible` and `onRequest` have been added as well.
  16. - **Button** - `wide` variations using numbers `2 wide`, `3 wide` have been removed due to incompatibilities with some build tools. Please use `two wide`, or `three wide` instead.
  17. - **Video** - The undocumented `video` module has been renamed to `embed`. Behaviors remain the same, but users need to adjust their javascript init to `$('.ui.embed').embed();`
  18. - **API** - API `onFailure` will now be called when a request is errored (504, 404 etc), aborted (page change or CORS), or JSON does not pass `successTest` function. `onError` and `onAbort` will also fire for each specific failure condition.
  19. **New UI**
  20. - **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)
  21. - **Multiselect** - New `multiple` dropdown types have been added. Many new dropdown improvements have been added including tagging/tokenizing features and loading data through API requests.
  22. - **Embed** - New embed component allows for responsive iframe embeds that maintain their aspect ratio. Embed can be used with YouTube or Vimeo videos, along with placeholder content to avoid loading third party libraries until a user chooses to interact with the video.
  23. **Major Enhancements (Please Read)**
  24. - **Site** - Added new colors `olive`, `violet`, `brown` and `grey`. These are available in all elements with color variations. **Thanks @lemartialou**
  25. - **API** - API can now be used with mocked responses, and custom AJAX requests. `mockResponse` has been added to resolve request with a prespecified JSON object, or a synchronous function callback.
  26. - **API** `mockResponseAsync` has been added for custom asynchronous requests. This allows you to specify a custom async callback to resolve an API request, helping with integration with libraries like Ember or Angular that may wrap AJAX requests.
  27. - **API** - API callbacks now have an `onResponse` callback that can adjust a servers response before it is parsed by other callbacks for success or failure conditions. **Thanks @mnquintana**
  28. - **API** - API now provides a local caching setting to avoid server roundtrips for identical urls by using `cache: 'local'`. This is not enabled by default. Local caching is useful for results that should return the same values across a single session, for example when querying an autocomplete.
  29. - **Card** - Cards now support multiple custom `content` blocks. Content blocks and images can now appear in any order.
  30. - **Dropdown** - Added remote API integration with dropdown, to allow `search selection` to query against a remote dataset.
  31. - **Dropdown** - Dropdowns now automatically observe changes in `menu` and will update selector cache with new additions
  32. - **Dropdowns** - Added ability to add custom choices to all search selection dropdowns (multi/single) using `allowAdditions: true` setting. Search now displays error messages on no results in all cases.
  33. - **Dropdown** - Keyboard shortcuts have been added for selecting dropdown choices, for example "N" will scroll to "New York" in a state selection list, similar to native `<select>` behavior.
  34. - **Dropdown** - Dropdown will automatically animate upward if there is not enough space to appear below.
  35. - **Dropdown** - Using `page up` and `page down` keys will now scroll menus by a page at a time
  36. - **Form** - Forms now use `flexbox` for creating field groups. Inline fields now support `(x) wide` sizing using `flex`
  37. - **Grid** - Grids now use `flexbox`, columns are now all equal height by default. New flexbox alignment types like `stretch` have been added for easier vertical alignment.
  38. - **Multiple UI** - Many components now use flexbox, which means previous confusing fixes like `font-size: 0;` to remove [white-space from inline block](https://css-tricks.com/fighting-the-space-between-inline-block-elements/) is no longer necessary. Removing this hack, now means any element can be a direct child of `grid` or `menu`.
  39. - **Modal** - Added new settings `blurring` and `inverted` which automatically set a modal's dimmer to either inverted or blurring.
  40. - **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).
  41. - **Grid** - Grids are now `flexbox` and `equal height` by default, the `equal height` variation can safely be removed
  42. - **Popup** - Popup has been rewritten to drastically improve performance, especially when testing multiple positions.
  43. - **Transition** - Fallback javascript animations have been removed from UI components like dropdown and popup to increase performance. This removes need for expensive pseudo selectors like `:visible`, `:animated` and `:hidden` and reduces filesize.
  44. - **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`
  45. - **Form Validation** - Form validation now supports many new validation rules, including some specifically for use with multiple select values.
  46. - **Item** - Items now uses `flexbox` for layout.
  47. - **Message** - `icon message` now uses `flexbox` for layout
  48. - **Input** - All `input` types use `flexbox` for layout
  49. - **Sidebar** - iOS will now correctly report `scrollTop` values for `document` or `body` when using a sidebar. Chrome on iOS no longer has issues with fixed content not sticking immediately when using a sidebar.
  50. - **Shapes** - Shapes now correctly adjusts for margin on `sides`
  51. - **Steps** - Steps now use `flexbox`, the default horizontal theme has the active element point downward now instead of to the right.
  52. - **Steps** - Steps no longer need `item count` and will automatically divide evenly
  53. - **Transition** - Transition code has been optimized to increase performance. 100% improvement on first animation, and 40% improvement on subsequent animations.
  54. - **Visibility** - Using `.visibility({ type: 'fixed'})` will now automatically add a placeholder element which will swap places with an element when it is attached to the viewport. This should make fixed content drastically simpler.
  55. - **Visibility** - Visibility and sticky now use a more performant [pub/sub pattern](http://davidwalsh.name/pubsub-javascript) that will only attach a single event to context `scroll`.
  56. - **Visibility** - Added two new visibility callbacks `onOnScreen` and `onOffScreen`, which occur, most obviously when an element first appears in or out of a browser's viewport.
  57. **Enhancements**
  58. - **Accordion** - adds `onOpening` and `onClosing` callback (before animation) to go with `onOpen`, `onClose` (after animation) **Thanks @cluppric**
  59. - **Accordion** - Added `on` setting for specifying accordion trigger event.
  60. - **Activity Feed** - Activity feed has been rewritten to use `flexbox`
  61. - **API** - API now has new settings `throttleFirstRequest` and `interruptRequests`. Interrupt requests will abort a previous request on an element when making a new request. `throttleFirstRequest`, sets whether the first request or only subsequent requests should be throttled when a `throttle` duration is specified.
  62. - **Build Tools** - Build tools will now display pre-specified errors when a theme file is missing or an element specifies an unavailable theme.
  63. - **Build Tools** - Adjusting `site.variables` will now rebuild all UI, instead of just `site.less`
  64. - **Button** - Added `:focus` styles for all button types, all button examples in docs now are keyboard focusable using either `<button>` or `tabindex` where appropriate.
  65. - **Divider** - `vertical divider` inside `ui grid` now accounts for column padding
  66. - **Dropdown** - Nested `scrolling` menus now support keyboard selection, e.g. pressing "A" for apple, and keyboard scrolling.
  67. - **Dropdown** - Dropdowns now have `match` setting to specify whether to match on `text`, `value` or `both`
  68. - **Dropdown** - Multi select dropdowns now have new settings for specifying maximum selection count
  69. - **Dropdown** - Dropdown has new `placeholder` setting for setting placeholder text in javascript
  70. - **Dropdown** - Added `showOnFocus` option that lets you specify whether dropdown menu should show on focus
  71. - **Dropdown** - `fullTextSearch: true` now uses fuzzy search (same as `ui search`)
  72. - **Dropdown** - Page down and page up now works with dropdown menus
  73. - **Dropdown** - Dropdown initialized with `disabled` prop on an `option` will now correctly appear disabled
  74. - **Dropdown** - Added `disabled item` state, disabled items will automatically be skipped with keyboard selection
  75. - **Form** - Added a host of new styles for form fields autocompleted by your browser, including autocompleted error, and focus states
  76. - **Form** - Added placeholder color rules for IE, `ms-input-placeholder`
  77. - **Form** - Fix `errored field` dropdown keyboard selection color
  78. - **Form** - Adds form `success` state
  79. - **Form Validation** - Added `is valid` behavior, returns `true/false` if form is valid
  80. - **Form Validation** - Added `different[field]` rule which requires a field to be different than another field
  81. - **Form Validation** - `data-validate` now takes precedence over other validation matching schemes like `name` or `id`
  82. - **Form Validation** - New rules for matching against custom regular expressions
  83. - **Form Validation** - Form validation now has `minCount`, `maxCount`, and `exactCount` for validating multiple selections
  84. - **Grid** - `celled grid` now removes internal cells on mobile and tablet when used with `doubling` grid responsive variation.
  85. - **Grid** - `equal width` grids now works without `row` wrappers
  86. - **Grid** - rows can now be `stretched` as well as `middle aligned`, `bottom aligned` and `top aligned`!
  87. - **Grid** - Fixed margins on `internally celled` grid
  88. - **Grid** - `celled` and `internally celled` grid now use flexbox instead of `display: table;`
  89. - **Input** - Added placeholder color rules for IE, `ms-input-placeholder`
  90. - **Input** - Action input now supports multiple buttons, and dropdown
  91. - **Label** - Labels now have `active` and `active hover` states
  92. - **Label** - Label now sets an `img` height even when not using an `image label`
  93. - **List** - Any content inside a `ui list` can now be vertically aligned
  94. - **Menu** - Add examples/documentation for `fixed menu`
  95. - **Menu** - Added `stackable` menu variation for simple responsive menus
  96. - **Menu** - Added many new variables to menu
  97. - **Menu** - Fixed several inheritance issues for `dropdown item` inside `menu` appearing as `menu item`.
  98. - **Menu** - Horizontal menus now set a default image size for images / logos
  99. - **Menu** - Menus items are now slightly more padded
  100. - **Menu** - The hover/active state of `dropdown item` have been adjusted to match `item`. Dropdown styles can be themed specifically inside `menu`.
  101. - **Menu** - Vertical dropdown menus are no longer 100% `min-width`
  102. - **Modal** - Modal now uses an adjusted `scale in` transition in the default theme, that should be more subtle and work better with long modal content.
  103. - **Modal** - Modal `onApprove` and `onDeny` now receive the activating element as the first parameter. Added documentation about using `return false` to avoid hiding element on click.
  104. - **Modal** - Modal content now uses flex, image content now requires `image content` class on parent to allow for flex stylings.
  105. - **Popup** - Popup now defines a `transform-origin` so animations will be affected by the direction the element is placed
  106. - **Popup** - `onShow` and `onHide` callback can now cancel popup from showing or hiding by returning false
  107. - **Popup** - Added more size variations for popup `mini`, `tiny`
  108. - **Progress** - `indicating` labels now are more legible use separate css variables from `indicating` bar color
  109. - **Reveal** - Added new `active` state that allows you to show `reveal` programatically
  110. - **Search** - Cache can now be cleared using `$('.search').search('clear cache')`
  111. - **Segment** - Added `padded` and `very padded` segment variations
  112. - **Search** - Search now operates off a unique id generated by result position to retrieve results. For example category #1's first result is 'A1' . Previously result titles were used as their "id", which could cause issues with duplicate titles, or results that do not contain a title.
  113. - **Search** - Search will now automatically add class `category` when using `type: category`.
  114. - **Search** - Search will now generate `results` container if one is not present on init
  115. - **Search** - Search `prompt` now has focus styles defined if not using `ui input`
  116. - **Sidebar** - Improved animation performance through performance debugging. Sidebar now caches, width, height, rtl direction on load.
  117. - **Site** - Fixed mixed globals `@defaultDuration` and `@transitionDuration` usage to use a single variable across all UI `@defaultDuration`, the same for `@defaultEasing` and `@transitionEasing`
  118. - **Site** - Added in `pageOverflowX` variable, default theme hides horizontal scrollbars on `body`
  119. - **Site** - Added default `focus` colors for all color variations
  120. - **Site** - All floating/raised variations now inherit from a global `@floatedShadow` making theming easier
  121. - **Sticky** - Sticky now internally caches current scroll position when `cantFit = true` to avoid getting DOM property on scroll.
  122. - **Statistic** - Added new evenly divided group variation, for example `three statistics` shows 3 per row
  123. - **Statistic** - Statitic group now use `flex`. Styles have been updated.
  124. - **Tabs** - Tab will now manually correct page scroll position when linking to an in-page anchor in a hidden tab
  125. - **Tabs** - Added new callbacks `onTabVisible` and `onRequest`
  126. - **Tabs** - Added `parseScripts` option, defaults to `once` parsing inline scripts only first load
  127. - **Table** - Added `vertical alignment` variations to `ui table`
  128. - **Table** - Added `single line` table variation which prevents text from wrapping
  129. - **Transition** - Adjusting `style` or `class` during a transition, will no longer reset the change after transition completes.
  130. - **Transition** - Transition will no longer force visible/hidden with inline styles if `onComplete` callback sets visibility.
  131. - **Visibility/Sticky** - Visibility and sticky now refresh automatically after page content loading to deal with changes in position from images loading
  132. - **Visibility/Sticky** - Visibility now uses pub/sub pattern to greatly improve scroll performance when attaching multiple events
  133. - **Visibility** - Visibility `image` will now wait to lazy load images that are *above* the current screen position, not just below.
  134. **New Variations**
  135. - **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)
  136. - **Menu** - `vertical tabular menu`, a vertical tab menu, has been added
  137. - **Dropdown** - Added new dropdown variation `scrolling dropdown` and `scrolling menu`, this can be used to include a scrollable section inside a dropdown menu.
  138. - **Image** - Images now include a `spaced` variation for adding whitespace around images when used inline with text.
  139. - **Dimmer** - Dimmers now have a `blurring` variation which apply a glass-like effect when dimmed
  140. - **Segment** - Added `clearing` segment for cases that need a [clearfix](http://learnlayout.com/clearfix.html).
  141. - **Steps** - Added `attached` steps, which can now be attached to other UI like `segment`
  142. - **Table** - Adds `selectable table` variation, which shows hover effect on row when hovering
  143. **Bugs**
  144. - **All Modules** - Performance logging now delays 500ms instead of 100ms for console logging to ensure all logs are captured in one group
  145. - **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`.
  146. - **Accordion** - Fixed bug where `exclusive: true` could sometimes cause other accordion element animations to get stuck when animating rapidly
  147. - **API** - API longer uses `readyState = 0` as sole check for request abort, this may accidentally trigger with `JSONP` or `CORS` requests.
  148. - **API** - Fixed `this` context of `beforeSend` to use `stateContext` not `element`
  149. - **API** - Fixed `loadingDuration` not correctly delaying requests when invoking with `.api('query')`
  150. - **Build Tools** - Fixes issue with out of date minify dependency causing rules with `background: inherit;` to be removed.
  151. - **Button** - Fixed `attached buttons` 1px offset when attached to segment and menu (border vs box shadow border)
  152. - **Card** - IE11 now can correctly use `flexbox` cards **THanks @Widcket**
  153. - **Checkbox** - Fix `disabled checkbox` sometimes displaying hand cursor
  154. - **Checkbox** - Fixes nested `dropdown` inside `checkbox` causing issues
  155. - **Checkbox** - Fix `:focus` styles only applying if checkbox is unchecked
  156. - **Divider** - Hidden divider now correctly hides vertical dividers
  157. - **Divider** - Fixes single icon alignment inside `vertical divider` or `horizontal divider`
  158. - **Divider** - Fixed slight offset in `vertical divider` when it automatically adjusts to `horizontal divider` inside a `stackable grid`
  159. - **Dropdown** - `focus` after changing tabs will no longer cause menu to re-open **Thanks @trevorharwell**
  160. - **Dropdown** - Fix issue with search dropdown refocusing on self the first time after "tabbing" away in Chrome
  161. - **Dropdown** - Fixes issue with headers disappearing inside of `ui dropdown` when nested in `ui menu`
  162. - **Dropdown** - Fixes `onChange` to fire when input value changes, not just when menu UI changes
  163. - **Dropdown** - Dropdowns with `transition: none` now work correctly.
  164. - **Dropdown** - Fixed issue where `sortSelect` was relying on object key enumeration order which is browser dependent and unreliable. It now uses a sort function which functions the same in all browsers
  165. - **Dropdown** - Fixed issue with `search selection` not changing text when reselecting same value from list
  166. - **Dropdown** - Fixed `min-width` issues causing background to not appear behind unwrapped text with `white-space: nowrap`
  167. - **Dropdown** - Dropdown `menu` now use same font size as dropdown
  168. - **Dropdown** - Fixed dropdown `metadata` attribute caching causing issues with React integration
  169. - **Dropdown** - Fixed border radius on `sub menu` when aligned `left`
  170. - **Dropdown** - Fixed `inline dropdown` icon not aligning with content
  171. - **Dropdown** - Fixed behaviors called on `<select>` after initialization not being correctly applied to `ui dropdown`
  172. - **Dropdown** - Fixed issue with matching boolean values, and using `set selected` with `true` or `false`
  173. - **Dropdown** - Fixed `search dropdown` submitting parent form when enter shortcut pressed
  174. - **Dropdown** - Fixed dropdown menu items should not center inside of a center aligned container.
  175. - **Form** - Form will no longer set a height for `textarea` using the `rows` property
  176. - **Form** - `inline fields` are now `1em` and do not match label's reduced size
  177. - **Form** - `field` inside `fields` no longer produce double sized margins.
  178. - **Form** - Form sizes and input sizes now inherit from `site.variables`
  179. - **Form Validation** - Fixed bug causing `match` rule not to work as expected.
  180. - **Form Validation** - Fixed `clear` and `reset` causing validation error to appear on checkbox if empty rule was set on checkbox.
  181. - **Form Validation** - Form validation now validates correctly on `<select>` change
  182. - **Form** - Fixed autocompleted `ui selection dropdown` having dropdown icon z-index issues
  183. - **Form/Input** - `ui labeled input` inside `form` will no longer escape column width. `ui fluid input` will now use input widths shorter than browser default.
  184. - **Grid** - Fix `doubling row` not working correctly inside a different `doubling grid` (css spec issue)
  185. - **Grid** - Fix `doubling grid` incorrectly applying width to `(x) column row`
  186. - **Grid** - First column on `stackable grid` no longer receives top margin
  187. - **Grid** - `x column wide` inside `equal width/height` now cannot grow beyond column size
  188. - **Grid** - Fixes colored grid columns not appearing when not nested in rows
  189. - **Icon** - Fixes `ascending` and `descending` icon being swapped
  190. - **Icon** - Fixes phone icon only appearing as alias `call`
  191. - **Input** - Fixed improper left padding on `transparent left icon input` **Thanks @zxfwinder**
  192. - **Input** - Fixed `placeholder` color not changing correctly on focus **Thanks @zxfwinder**
  193. - **Input** - Fixed right padding on `labeled input` that were not `corner labeled`
  194. - **Label** - Labels inside `header` now vertical align better by accounting for line height offset
  195. - **List** - `horizontal list` are now aligned `middle` by default, while vertical lists are aligned `top`.
  196. - **List** - Fixes numbers not appearing when using `inverted ordered list` **Thanks @pcj**
  197. - **List** - `a` elements inside a `ui list` will no longer apply styles on `ui` elements like `button` **Thanks @ahtinurme**
  198. - **List** - Bullets and numbers are no longer selectable in `bulleted list` and `ordered list`
  199. - **List** - Fixed `inverted bulleted list` bullet color
  200. - **List** - Fix first element touches border on `ui horizontal celled list`
  201. - **Loader** - Fix position of `inline centered loader` to be centered correctly
  202. - **Message** - Message now uses `@lineHeight` from `site.variables`
  203. - **Menu** - Fixed menus like `left fixed` `right fixed` are all now class order dependent.
  204. - **Menu** - Fixed 1px border on last element of inline menus like `pagination menu` or `compact menu`
  205. - **Modal** - Modal no longer hides page scroll bar causing dimmed page content to jump positions.
  206. - **Modal** - Fixed bug where clicking an element detached from dom would cause modal to hide prematurely
  207. - **Modal** - Clicking on other modals will no longer close open modal when `allowMultiple: true`
  208. - **Modal** - Fixed `scrolling` class not being removed after opening a normal modal after a `scrolling` modal.
  209. - **Message** - Updated all message colors for legibility
  210. - **Message** - Close icon position adjusted to align with headers
  211. - **Menu** - Fixes divider appears on last element of `(x) item menu`
  212. - **Menu** - Fixed `top attached menu` not having margin-top, and `bottom attached menu` not having `margin-bottom`
  213. - **Menu** - Menu now has a `min-height` that matches standard item padding
  214. - **Menu** - `dropdown menu` in a `secondary pointing menu` or `tabular menu` now receive distinct active styling from other `active item`
  215. - **Menu** - Fixed arrow position in `pointing menu` to be more consistent, round to exact pixels and account for arrow border width
  216. - **Menu** - Fix issue with `pointing` arrow having too high a `z-index` and appearing above `ui dropdown menu`
  217. - **Modal** - `scrollable modal` now correctly adds padding below modal
  218. - **Modal** - Modal with `detachable: false` inside `ui sidebar` `pusher` element will now show correctly
  219. - **Popup** - Popup now correctly adjusts if `data` attributes change
  220. - **Popup** - Fixes issue with `min-width` in firefox exceeding `max-width` causing element to not wrap correctly
  221. - **Popup** - Popup will now produce an error message and not mistakenly appear in the top left corner of page, if called with a `popup` or `target` that does not exist.
  222. - **Popup** - Popup will no longer appear incorrectly if the targeted element is not visible on page
  223. - **Popup** - Fixed bug which could cause pre-existing inline popup to be removed from DOM after hiding
  224. - **Popup** - Fixes popup offstage position calculations with pages including horizontal scrollbars
  225. - **Popup** - Added `addTouchEvents` to specify whether touch events should be added to trigger popup on mobile
  226. - **Rail** - Rail 100% height now uses `border-box` to ensure exact height match to container
  227. - **Rating** - Rating now correctly adjusts if `data` attributes change
  228. - **Reveal** - Removed `masked` reveal, all reveals are masked by default
  229. - **RTL** - Fixed `rtl: 'both'` in `semantic.json` not building both versions of source correctly.
  230. - **Search** - Search will no longer incorrectly produce an error when API settings are passed through metadata
  231. - **Sidebar** - Top/Bottom sidebar will now show scroll bars correctly when taller than 100% page height
  232. - **Sidebar** - Fixed bug where having a `style[title]` in page causing page not to be pushed correctly
  233. - **Sidebar** - Last menu item now has a border when sidebar and menu are used together
  234. - **Search** - Fixed `category search` not applying active styles correctly to category names
  235. - **Search** - Fixed `onSelect` not returning the correct value when using `type: category`
  236. - **Search** - Fixed `onSelect` returning the first term that matches the beginining of the selected value not the exact value.
  237. - **Search** - Fix `loading search` with an `icon button` causing double loaders.
  238. - **Search** - `searchFields` setting now correctly replaces default fields instead of adding the user fields to defaults
  239. - **Search** - Calls to `set value` or `query` now obey `minCharacterLength`
  240. - **Search** - Search API calls now use the same level debug settings as search
  241. - **Steps** - Fixes bug where `ordered steps` had smaller numbers in `IE10`
  242. - **Steps** - Fixed bug where `stackable steps` were not working correctly
  243. - **Sticky** - Fix issue with sticky content scroll css transition causing element to scroll too slowly when cannot fit on screen.
  244. - **Sticky** - Fix issues when `pushing: true` with sticky content having incorrect bottom spacing, when container has bottom padding
  245. - **Sticky** - Fixed issue with sticky content animating width on display in some cases.
  246. - **Tab** - Tab name is no longer case sensitive
  247. - **Table** - Fixes `sorted` column are not correctly centered with `center aligned` due to margin on sort icon
  248. - **Table** - Fixes `ascending` and `descending` icons were reversed in table
  249. - **Table** - `very basic table` now works together with `padded table`
  250. - **Table** - Fix inheritance of text alignment and vertical alignment
  251. - **Transition** - Calling an `out` animation during an `in` animation with `queue: false` now correctly calls the `complete` event of the original animation
  252. - **Transition** - Fixed bug where transition could sometimes not occur when an element was determined to always be hidden
  253. **Changes**
  254. - **All Modules** - All modules now default to `verbose: false`
  255. - **Accordion** - Accordion no longer sets a `font-size` to better couple with other components defaults
  256. - **Button** - Button focus color now uses hoverColor background instead of blue box shadow
  257. - **Button** - `basic colored button` now grow their border size to 2px in default theme on hover
  258. - **Breadcrumb** - Fixed breadcrumb `em` rounding, adjusted distance in default theme
  259. - **Card** - Card styles have been adjusted, `link card` now raise to show selection. Colored variations now have shadows.
  260. - **Checkbox** - Toggle now uses `@primaryColor`
  261. - **Dropdown** - Dropdown padding values now resolve to exact pixel values from em
  262. - **Dropdown** - `item` `description` is now floated by default
  263. - **Feed** - Removed `extra text` pointer border
  264. - **Form** - `set value` no longer automatically calls `validate form`
  265. - **Grid** - Small computer `page grid` gutters have been adjusted from 8% to 3% to allow for roomier layouts on small screens.
  266. - **Grid** - Vertically divided grids now double row spacing to account for dividers
  267. - **Grid** - `center aligned` no longer centers rows, just text. Use `centered grid` to center a grid column on the page.
  268. - **Header/Table/Divider** - These components now pull border color defaults from `site.variables` instead of using their own values
  269. - **Image** - `avatar image` size has been slightly decreased
  270. - **Image** - `mini image` default width has been increased to `35px`
  271. - **Item** - item `description` now longer sets a `max-width`
  272. - **Icon** - `disabled icon` now have `pointer-events` again.
  273. - **Label** - Label size now varies by type. `pointing label` are now `1em` by default.
  274. - **Label** - Padding on `corner label` has been increased
  275. - **Input** - Input now use `em` instead of `rem` so they will inherit the size of the elements they are nested inside
  276. - **Progress** - Update contrast on `indicating`, update default styles. Fixed some examples
  277. - **Menu** - Menu now uses `border` for borders instead of `box-shadow`
  278. - **Menu** - `secondary pointing menu` has had some slight design tweaks, thinner lines, more padding
  279. - **Menu** - Active sub-menu items are now `bold`
  280. - **Menu** - Menus no longer have additional borders on `active item` in the default theme
  281. - **Menu** - `tiered menu` has been removed
  282. - **Menu** - Increased contrast on `inverted` menu selection for legibility
  283. - **Modal** - Modals now used fixed widths and not percentage widths. Widths might be slightly different.
  284. - **Modal** - Modal no longer observes DOM changes by default, added setting to enable
  285. - **Message** - Slightly increases `box-shadow`
  286. - **Popup** - Popups now default to `exclusive: false` and will not hide other popups when opening
  287. - **Popup** - Popup no longer produces a console error when a position cannot be found on the page.
  288. - **Rating** - Rating styles have been adjusted to use subtle transitions and tweaked color values.
  289. - **Segment** - **Clearfix** has been removed from `ui segment`
  290. - **Sidebar** - Sidebar now defaults to `useLegacy: false` to avoid the overhead of feature detection for most users
  291. - **Search** - Slightly adjusted search result theme for clarity
  292. - **Statistic** - Statistic label styles have been updated
  293. - **Site** - Additional font variables have been added to site to help clarify variable purpose.
  294. - **Site** - Increase contrast on default hovered/down colors for colored variations
  295. - **Site** - Page background is now `#FFFFFF` by default instead of an offwhite `#F7F7F7`
  296. - **Site** - Adjusted global line height to the closest even pixel value
  297. - **Table** - Table header colors and padding defaults have been slightly adjusted
  298. - **Table** - Horizontal cell padding has been slightly reduced, and cell borders are slightly lighter.
  299. - **Transition** - Transition no longer checks for vendor prefixed `animation-name` css property. This was introduced in jQuery `1.8`
  300. - **Transition** - Some transition have been modified so that the `in` animation is more telegraphed than the `out` animation, which may now recede more gently.
  301. - **Visibility** - In returned `calculations` object, `visible` and `hidden` are renamed to `onScreen` and `offScreen`, since this describes more accurately what the value represents.
  302. ### Version 1.12.3 - May 20, 2015
  303. **Announcement**
  304. Version 2.0 will be launching on June 1st, which will include 100+ bug fixes, enhancements, new ui, and default theme improvements.
  305. **Bugs**
  306. - **Grid** - Fixes bug causing colored variations not to work on columns without row wrappers. Backport from `2.x`
  307. ### Version 1.12.2 - May 4, 2015
  308. **Bugs**
  309. - **Dropdown** - Fixed `left` and `right` arrow does not move input cursor with `visible selection dropdown`. Event accidentally prevented by `sub menu` shortcut keys.
  310. ### Version 1.12.1 - April 26, 2015
  311. **Bugs**
  312. - **Dropdown** - Fixes issue with chained dropdown methods used on a `<select>` not applying to the generated `ui dropdown` **Backport from 2.0**
  313. - **Input** - Fixes labeled inputs not adjusting correctly with flex. **Backported from 2.0**
  314. - **Input** - Fixes placeholder text color prefixes for `webkit` **Backport from 2.0**
  315. - **Progress* - Fixes rounding error in precision settings *Thanks @aaroncox*
  316. - **Popup** - Removes `min-width: moz-max-content` from popups, which may cause display differences between chrome and FF
  317. ### Version 1.12.0 - April 13, 2015
  318. **Enhancements**
  319. - **Visibility** - Adds updated visibility module from `2.x` channel. Visibility will automatically refresh by default after images load on page refresh. Fixes issues with element positions after image loading.
  320. - **Sticky** - Adds sticky module from `2.x` branch. Sticky elements now use pub/sub with drastically improved performance. Sticky elements that do not fit on page will now scroll at the same speed as the page is scrolled instead of slower.
  321. **Changes**
  322. - **Popup** - Popup no longer produces a console error when it cannot find an adequate position in the browser viewport.
  323. **Bugs**
  324. - **Build Tools** - Fixes issue with component glob matching twice (causing build to include file twice) if duplicate values found in `semantic.json` component.
  325. - **Input** - Backports fix from `2.x` for `ui fluid input` not appearing correctly.
  326. - **Visibility** - Fixed issue where `precache` behavior was missing from visibility causing `image` lazy loading to fail
  327. ### Version 1.11.8 - April 13, 2015
  328. **Bugs**
  329. - **Build Tools** - Fixed `npm install` without `semantic.json` to merge changes with site theme and packaged themes in a similar fashion to `npm update`
  330. - **Build** - `gulp build` now properly warns against missing `semantic.json` **Thanks @rudyrk**
  331. ### Version 1.11.7 - April 13, 2015
  332. **Bugs**
  333. - **Sticky** - Fixes errant `console.log` statement appearing in source
  334. - **Card** - Fixes card `flex` display issues in IE
  335. - **Build Tools** - Fixes issue where `npm update` install scripts would remove custom themes from `src/themes/` during copy after updating Semantic UI
  336. ### Version 1.11.6 - March 27, 2015
  337. More critical bug backports from `2.x` branch, as well as fixes for browserify
  338. **Bugs**
  339. - **Menu/Dropdown** - Fix dropdown headers disappearing inside menus
  340. - **Dropdown** - Fix unescaped character in css property causing css validation errors
  341. - **Form** - Fix `grouped required` fields display issues **Thanks @palmsey**
  342. - **All UI** - Fix `index.js` npm build to work with browserify in individual component repos **Thanks @sdimit**
  343. - **LESS Repo** - Add missing `semantic.less` file to less repo for importing components
  344. ### Version 1.11.5 - March 23, 2015
  345. This version backports several bugs that were being packed in `2.0` to `1.x`.
  346. 2.0 will be coming in the next 1-2 weeks.
  347. **Bugs**
  348. - **Build Tools** - Adjusting site.variables will now rebuild all UI, instead of just site.less
  349. - **Build Tools** - LESS will now throw errors correctly in `watch`
  350. - **Card** - Fixes dimmer background shorthand property causes transparent dimmer in minified version
  351. - **Dimmer** - Fixed `variation` setting not working correctly
  352. - **Dropdown** - `onChange` no longer fires when reselecting same value
  353. - **Dropdown** - Fix bug where element will not blur on tab key when search selection and no selection made
  354. - **Dropdown** - Dropdown init on `select` now returns `ui dropdown` created for chaining
  355. - **Dropdown** - Dropdown `focus` color has been adjusted to match forms more closely
  356. - **Dropdown** - Fixes IE10 scrollbar width in menu (calc was being precompiled in LESS) **Thanks @gabormeszoly**
  357. ### Version 1.11.3-4 - March 6, 2015
  358. **Enhancements**
  359. - **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`.
  360. **Fixes**
  361. - **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)
  362. - **Grid** - Fixes `stackable` `equal height/width` grid to remove `flex` on mobile when stacking
  363. - **Grid** - Fixed `right/left/center aligned` to adjust `align-items` in flex containers like `equal height/width`
  364. ### Version 1.11.2 - March 6, 2015
  365. **Enhancements**
  366. - **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)
  367. - **Accordion** - Accordion can now hide while opening animation is still occuring
  368. - **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)
  369. - **Header** - Labels inside headers have been slightly increased in size
  370. - **Search** - Search now uses internally [fuzzy search](https://github.com/bevacqua/fuzzysearch) as its new full text search algorithm.
  371. **Important Fixes**
  372. - **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)
  373. **Bugs**
  374. - **Accordion** - Removed mistaken extra `1px` top border on nested `styled accordion`
  375. - **Modal** - Fixes modal `buttons` on mobile devices to not have extra bottom padding.
  376. - **Card/Dimmer** - Fix dimmer z-index being too high when inside a `ui card`. Added variable for specifying default dimmer color inside card.
  377. - **Site** - `h1-h5` now have no top margin when `first-child` and no bottom margin when `last-child`
  378. - **Dropdown** - Fix issue in `setup reference` (added in `1.11.1`) where chaining would not return `ui dropdown` immediately after initialization
  379. ### Version 1.11.1 - March 5, 2015
  380. **Enhancements**
  381. - **Dropdown** - Calling behaviors on a dropdown `select` will now automatically route them to the appropriate parent `ui dropdown`
  382. **Bugs**
  383. - **Grid** - Fix issue in `centered grid` not centering `column` inside `row`
  384. - **Dropdown** - Added select styles for elements before they are initialized instead of FOIC (Flash of invisible content)
  385. ### Version 1.11.0 - March 3, 2015
  386. **New Components**
  387. - **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.
  388. [See the examples](http://www.semantic-ui.com/behaviors/visibility.html#/examples) online for a demonstration.
  389. **Enhancements**
  390. - **Menu** - Horizontal menus now use flexbox so they can resize automatically to content size.
  391. - **Form** - `<select>` now receive error formatting on `form error` **Thanks @davialexandre**
  392. - **Transition** - Added more reasonable default durations for each animation
  393. - **Loader** - `inline loader` now has a `centered` variation
  394. - **Modal** - Modal no longer hides and reshows dimmer when opening a modal with another modal open with `exclusive: true`
  395. - **Popup** - Added `exclusive` parameter to automatically close other popups on open
  396. - **Transition** - Added `toggle` behavior and docs for `show` and `hide`
  397. - **Transition** - transition now has `stop`, `stop all`, and `clear queue` for removing transitions, (undocumented method `stop`, and `start` renamed to `enable` and `disable`)
  398. - **Dimmer** - Add `opacity` setting to override css value. Add to docs several undocumented settings, like `useCSS`, and `variation`.
  399. - **Icon** - added `@src` variable to make it adjustable with themes that dont support all types like `woff2`
  400. **Deprecations**
  401. - **Menu** - `ui tiered menu` has been deprecated. It has been removed from the docs, and will be removed eventually in `2.0`
  402. **Bugs**
  403. - **Input** - Fix bug with vertical centering of `ui action input` inside `menu` due to `flexbox` changes
  404. - **Dropdown** - Fixes issue where dropdown would not open after restoring previus value on failed `search dropdown` search
  405. - **Grid** - Fixes specificity of grid `column` colors to not affect other elements with columns
  406. - **Icon** - Fix `clockwise rotated icon` causing `clockwise` icon to appear
  407. - **Popup** - Fix issue with `popup` not re-opening until another element gains focus on a mobile touchscreen
  408. - **Modal** - Fixed issue with modal not appearing when calling `show` during another modal `hide`
  409. - **Popup** - Popup will now fire `onHidden` when an element is hidden by opening a different popup
  410. - **Popup** - Fix popup not namespacing `window` events and unbinding on `destroy` **Thanks @revov**
  411. - **Table** - Fixes table on `mobile` sizes can surpass parent container width
  412. - **Transition** - Fixes `swing out` animations not working correctly
  413. - **Transition** - Fixed display state other than `block` not determined when using `show` and `hide` without an animation
  414. - **Transition** - Fix bug in `remove looping` causing next animation to use same duration
  415. - **Segment** - Fix first/last margins on `ui segments`
  416. - **Search** - Fix special characters not searching correctly with local search
  417. - **Search** - Fix a bug with `onSelect` returning `null` when `minCharacters: 0`
  418. - **Search** - Fix a bug with `onSelect returning `null` when results retrieved from cached API query
  419. - **Sticky** - Fixed sticky position when page loads and content is below sticky content.
  420. - **Sticky** - Fix bottom attached position not adjusting for bottom padding on container element
  421. - **Menu** - Fix vertical pointing menu, sub menu arrow color
  422. - **Item ** - `img` inside of `ui item content` now do not receive size formatting by default
  423. - **Form** - Added `input[type="search"]` styles to `ui form`
  424. **Docs**
  425. - **Transition** - Adds examples of `hide, `show`, `toggle`, `stop`, `stop all`, and `clear queue`
  426. - **Item** - Significant rewrite of `ui item` documentation
  427. ### Version 1.10.4 - February 28, 2015
  428. - **API** - Remove console error message when no API url is specified but element is a `form` (defaults to `form` action)
  429. - **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.
  430. ### Version 1.10.3 - February 27, 2015
  431. **Bugs**
  432. - **Build Tools** - All UI components now have component name in comment banners and release version
  433. - **Menu** - Fixes dropdown menu item not having a hover state inside inverted menu
  434. - **Search** - Fixes bug in category search causing item selection to sometimes produce a javascript error.
  435. - **Button** - Fixes `<button>` inside `vertical buttons` not taking full container width
  436. ### Version 1.10.1-2 - February 24, 2015
  437. No changes, fixes stale pm component builds
  438. ### Version 1.10.0 - February 23, 2015
  439. **New Features**
  440. - **Transition** - Transitions now have `interval` to allow grouped elements to animate one by one with a delay between each animation. Grouped animations determine order based on transition direction to avoid reflows, or can manually be reversed by using <code>reverse: true</code> [See Examples](http://www.semantic-ui.com/modules/transition.html#grouped-transitions) for more details.
  441. **Critical Fixes**
  442. - **Transition** - Webkit `failSafe` used for [Chromium Bug #437860](https://code.google.com/p/chromium/issues/detail?id=437860) now also works for queued animations
  443. **Enhancements**
  444. - **Form Validation** - Adds `containsExactly`, `notExactly`, `isExactly` case sensitive validation rules, make `contains`, `not`, `is` case insensitive.
  445. - **Form Validation** - `contains` rule is now case insensitive
  446. - **Form Validation** - Validation messages no longer increase field height on `inline fields` like checkboxes after error appears
  447. - **API** - Added `was cancelled` to determine whether request was cancelled by `beforeSend`
  448. - **Image* - Added `hidden image` state
  449. **Fixes**
  450. - **Build Tools** - Fixed issue with recursive merge for site themes in update scripts, [details here](https://github.com/Semantic-Org/Semantic-UI/pull/1845) Thanks @derekslife
  451. - **Cards** - Fix `.ui.cards > .ui.card` margins to match `.ui.cards > .card` margins
  452. - **Cards** - Fix consecutive card groups to preserve row flow (similar to consecutive grids)
  453. - **Sidebar** - Sidebar using `exclusive: true` now queue animations after hiding previous sidebar (unless `overlay`) to avoid rendering issues
  454. - **State** - Text states now handle `cancelled` API requests correctly
  455. - **Search** - Category search no longer displays unnecessary error message about maxResults
  456. - **Composer** - Composer.json should now read version from tags, adjusted some fields.
  457. - **Grid** - Stackable grid now has horizontal padding by default on mobile unless nested inside a `ui grid` or `ui segment` (not vertical)
  458. - **Menu** - Fixes pointing menu displaying under dropdown menu
  459. -**Docs**
  460. -**Transition** - `useFailSafe` was incorrectly shown as `false` by default
  461. ### Version 1.9.3 - February 20, 2015
  462. **Bugs**
  463. - **RTL** - Fixes `rtl` tasks not running correctly on `gulp build` due to name typo, `build rtl` instead of `build-rtl`
  464. - **Tab** - Fixed bug when loading `remote` content with `tab` where current tab would not hide while another tab is loading
  465. - **Tab** - Tab with remote content and `auto: true` now removes duplicate slashes from url path
  466. - **API** - Simplified `api` debug output to console to more clearly label url and data sent
  467. **Docs**
  468. - **Tab** - Added new tab remote content example with stubbed AJAX using SinonJS
  469. ### Version 1.9.2 - February 19, 2015
  470. Added new repositories for css and less only versions, can be installed with
  471. ```bash
  472. npm install semantic-ui-less
  473. npm install semantic-ui-css
  474. ```
  475. **Bug Fixes**
  476. - **Modal** - Fixes typo causing `middle aligned` image not to work correctly.
  477. - **Build** - `gulp watch` now compiles concatenated css (missing in `1.9.1` only)
  478. ### Version 1.9.1 - February 18, 2015
  479. **LESS Changes**
  480. Importing individual components into other less files now requires scoping. This is to prevent issues with variable scope that cannot be resolved inside definitions.
  481. ```less
  482. /* Import a specific component */
  483. & { @import 'src/definitions/elements/button'; }
  484. ```
  485. Importing `semantic.less` still does not require any special syntax
  486. @import 'src/semantic';
  487. **Bugs**
  488. - Fixed issue directly importing `semantic.less` caused by variable scoping in `.loadOverrides()`.
  489. - Fix bug where `equal height` row could not be `centered`, or less than full width
  490. ### Version 1.9.0 - February 17, 2015
  491. ### Build Tools
  492. ##### NPM Install
  493. - `npm install semantic-ui` is now the recommended path for getting Semantic UI
  494. - Added `npm` `post-install` scripts which automatically install or update semantic
  495. ##### Gulp Task Imports
  496. - Semantic tasks are now each defined [in their own file](https://github.com/Semantic-Org/Semantic-UI/tree/master/tasks), and can be directly imported into external gulpfiles. Read more about [importing tasks here](https://github.com/Semantic-Org/Semantic-UI/blob/next/src/README.md)
  497. - If you are using Grunt, you may be able to import these tasks using [Grunt-gulp](https://www.npmjs.com/package/grunt-gulp)
  498. ##### LESS Component Imports
  499. - Semantic LESS files can now be directly included in other LESS files.
  500. * You can import all UI with `@import 'src/semantic';`
  501. * You can also import individual definitions using `@import 'src/definitions/elements/button'`.
  502. ### UI Changes
  503. **Major Enhancements**
  504. - **Card** - Cards now equalize height by default using `display: flex`. No longer are card heights required to be specified manually to align
  505. - **Flag** - Reduced the file size of flag sprite to a measly 28kb (500%+ file size reduction)
  506. - **Icon** - Added Font Awesome 4.3 including many new icons
  507. - **Input** - Input with dropdowns is now much easier, see docs. `action input` and `labeled input` now use `display: flex`. `ui action input` now supports `<button>` tag usage (!) which support `flex` but not `table-cell`
  508. - **Segment** - Added plural variation `ui segments` that stack together in groups without using additional class names
  509. **Enhancement**
  510. - **API** - API now has an ``onRequest`` callback setting that receives the XHR promise after initializing the request
  511. - **Button** - Loading buttons no longer receive `pointer-events` in default theme. Added variable for `loading button` opacity.
  512. - **Card** - Card now has colored variations **Tahnks @romuloctba**
  513. - **Dropdown** - `search selection dropdown` will now close the menu when a `dropdown icon` is clicked
  514. - **Dropdown** - Added new dropdown setting, `forceSelection` which forces `search selection` to a selected value on blur. Defaults to `true`.
  515. - **Flag** - Updated Burma/Myanmar flag to current flag (was pre-2010 flag)
  516. - **Form** - Input rules now apply to `input[type="time"]`
  517. - **Form Validation** - `get values`, `set values` now support multiple select e.g. `field[]`
  518. - **Form Validation** - Dropdown and checkbox will now validate after interaction with `on: 'blur'`
  519. - **Headers** - Headers can now contain images alongside text, added examples to docs
  520. - **Icon** - Added woff2 icon files for supported browsers (20% file-size decrease) **Thanks FontAwesome**
  521. - **Label** - `ribbon label` can now be used inside `ui image` and `ui card` correctly
  522. - **Sidebar** - Sidebars in IE now work correctly with `context` specified
  523. - **Rating** - Vertical alignment of `ui rating` with inline content now accounts for parent line height
  524. **Bugs**
  525. - **All Modules** - Fixed bug where element `destroy` could remove third party events when re-initialized
  526. - **Breadcrumb** - Breadcrumb icon now has exact px value to alleviate vertical align issues
  527. - **Card** - Star / Like button colors have been fixed to match `ui rating` inside `card`
  528. - **Card** - Hiding a card with `display: none` no longer causes layout issues with `(x) cards`
  529. - **Card** - `image` inside `content` no longer has a fixed size **Thanks @romuloctba**
  530. - **Form** - `info message` are no longer hidden by default inside `ui form`
  531. - **Form** - Lightened error dropdown hover text color to be more legible
  532. - **Dropdown** - Upward dropdown now has upward arrow icon
  533. - **Icon** - `external link` and `external link square` has been renamed to `external icon` to no longer receive `link` styles by default
  534. - **Modal** - Modal now swaps to `scrolling modal` when `close icon` no longer can be displayed, instead of modal `content`
  535. - **Steps** - Fixed bug where evenly divided steps were no longer fluid
  536. - **Transition** - Fixes bug where `moduleNamespace` was being omitted
  537. - **Transition** - Transitions with direction now use word order dependency to prevent conflict with component directions, for example `bottom left popup slide down in transition
  538. **Docs**
  539. - Fixed bug with chinese mirror modal appearing on every page load when selecting chinese language
  540. ### Version 1.8.1 - January 26, 2015
  541. **Bugs**
  542. - **Grid** - Removed `text-align: left` from column definition. Now inherits from grid.
  543. - **Input** - `ui labeled input` now uses `flex` added example in ui docs with dropdown
  544. - **Input** - Fix border radius on `ui action input` with button groups, aka `ui buttons`
  545. - **Popup** - Popup `hide all` will now use transition set in `settings.transition` when closing other popups
  546. - **Grid** - Fix `doubling grid` setting `100% width` which may cause
  547. ### Version 1.8.0 - January 23, 2015
  548. [View Closed Issues](https://github.com/Semantic-Org/Semantic-UI/issues?q=is%3Aissue+milestone%3A1.8.0+is%3Aclosed+sort%3Acomments-desc)
  549. [View Commits](https://github.com/Semantic-Org/Semantic-UI/compare/1.7.3...1.8.0)
  550. **Key Features**
  551. - **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**
  552. - **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.
  553. - **Transition** - Added many new transitions, and new directions for existing transitions **Thanks @ph7vc**
  554. - **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');``
  555. **Enhancements**
  556. - **API** - Added new behavior `$.api('abort')` which cancels current request
  557. - **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.
  558. - **Dropdown** - Mutation observers will now observe changed in `<select>` values after initialization, and will automatically update dropdown menu when changed
  559. - **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**
  560. - **Form** - Form will now prevent browsers from resubmitting form repeatedly when keydown is pressed on input field.
  561. - **Header** - Content headers now inherit `@h1-h6` sizes from `site.variables`
  562. - **Header** - Sub headers now adjust in size depending on header size, added new variables for subheader resizing
  563. - **Search** - Greatly reduced search delay from `300ms` to `100ms`. Previous request will automatically abort `xhr` when new request made
  564. - **Search** - Search `onSelect` and `onResultsAdd` can now cancel default actions by returning `false`.
  565. - **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.
  566. - **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.
  567. **Bugs**
  568. - **API** - Fixed bug where `$.api('get xhr')` was not correctly returning xhr promise
  569. - **API** - Fixed bug where API would query resource immediately when specifying `on: false`
  570. - **Button** - ``ui vertical basic buttons` now have dividers in default theme
  571. - **Button** - Fixes formatting for `disabled button` inside `ui buttons`
  572. - **Checkbox** - Checkbox now only modifies `input[type="radio"]` and `input[type="checkbox"]` ignoring any other inputs
  573. - **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**.
  574. - **Dropdown** - Dropdown will now produce an error if behaviors on an initialized `<select>` are not invoked on `ui dropdown`
  575. - **Dropdown** - Fixed bug where link items would not open in sub-menus due to `event.preventDefault`
  576. - **Label** - Fixed `ui corner label` appearing on-top of `ui dropdown` menu due to issue in z-index heirarchy
  577. - **Label** - Fixed issue with `ui ribbon label` not positioning itself correctly when using sizes like `small` or `large`
  578. - **List** - `relaxed list` and `very relaxed list` no longer add padding to child menu items
  579. - **Popup** - Popup will now only use a max of one element when `settings.popup` mistakingly passes multiple DOM elements
  580. - **Popup** - Popups will now by default appear over all UI content, even dimmers.
  581. - **Search** - Search results no longer hide/show when user changes tab or page loses focus
  582. - **Sidebar** - Fixed bug with `pusher` inheriting first child margins due to `margin-collapse`
  583. - **Sidebar** - Mobile `is mobile` was using RegExp `test()` which would return an incorrect value when called multiple times
  584. - **Sidebar** - Sidebar will now only close if you click on `pusher` or underlayed `body` (scale out). Clicking on fixed elements will not close sidebar.
  585. - **Transition** - Fixed bug with animations that contain the strings 'in' or 'out' as part of their names, for example "swing"
  586. - **Sticky** - Fixes issue with container size not being set explicitly on rail due to improper method renaming
  587. ### Version 1.7.3 - January 16, 2015
  588. - **Installer** - Fix issue with component list in `semantic.json` not correctly overriding default components
  589. ### Version 1.7.(1-2) - January 15, 2015
  590. **Bugs**
  591. - **Installer** - Fixes installer not including RTL parameter correctly
  592. - **UI** - Fixes `progress`, `ad`, and `sidebar` not loading `.override` files correctly
  593. - Removed undocumented components from `theme.config.example`
  594. ### Version 1.7.0 - January 14, 2015
  595. **Major Changes**
  596. - **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!*.
  597. - **Project** - Install now let you specify the outputted file permissions (express/custom install)
  598. **Enhancements / Changes**
  599. - **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)
  600. - **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')`
  601. - **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`
  602. - **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.
  603. - **Dropdown** - Javascript Dropdown can now be disabled by adding ``disabled` class. No need to call `destroy`. **Thanks Psyton**
  604. - **Dropdown** - Search dropdown input can now have backgrounds. Fixes issues with autocompleted search dropdowns which have forced yellow "autocompleted" bg.
  605. - **Dropdown** - Fix issue with search selection not correctly matching when values are not strings
  606. - **Progress** - Progress bars can now display percent or amount left using `{value}` in text templates
  607. - **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
  608. - **Dropdown** - Dropdown matching fields without values now trims whitespace by default
  609. - **Checkbox** - Checkbox now toggles on spacebar when focused (previously only toggled on enter key).
  610. - **Popup** - Popup now uses its own custom method for determining `offsetParent` meaning 3D contexts (like inside an animation) no longer should break positioning
  611. - **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
  612. **Code / Build**
  613. - **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*
  614. - **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.
  615. - **Modules** - Remove use of deprecated `.size()` for `.length` across all modules
  616. - **Modules** - Use of `$.proxy` swapped to native `function.call()` for performance gains across all modules
  617. **Bugs**
  618. - **Video** - Video component now uses `//` instead of defaulting to `http`
  619. - **Dropdown** - `restore defaults` will now set placeholder styling and remove active element. Added example in docs.
  620. - **Dropdown** - Fixed bug where sub menus may sometimes have dropdown icon overlap text
  621. - **Dropdown** - Fixes dropdown search input from filtering text values when input is inside menu, i.e "In-Menu Search"
  622. - **Dropdown** - Fix issue with search selection not correctly creating RegExp when select values are not strings **Thanks @alufers**
  623. - **Dropdown** - Fix issue with `left floated` and `right floated` content sometimes not applying correctly
  624. - **Popup** - `wide` and `very wide` popup will now appear when screen size is below their `max-width`
  625. - **Popup** - Popup no longer blurs element on popup hide
  626. - **Segment** - ``ui tabular menu`` now correctly aligns with attached segment when using fluid variation *Thanks @MohammadYounes*
  627. - **Segment** - `basic segment` no longer removes padding on first and last elements
  628. - **Steps** - Steps now use ``table-cell`` to allow steps to be equal height by default, even with different content height.
  629. - **Button** - Fix issue with labeled icon groups in material theme
  630. - **Progress** - Fixes bug with progress that use ``total`` and ``value`` receiving the wrong values for text templates
  631. - **List** - Fix some styling issues with `ui list` inside `ui menu`
  632. ### Version 1.6.4 - January 12, 2015
  633. - `1.6.3` contained an unintentional character at beginning of `label.less` re-released as `1.6.4`
  634. **Bugs**
  635. - **Build** - Fix CSS property typo in list icon, and label causing issues with some custom build tools
  636. ### Version 1.6.3 - January 12, 2015
  637. - `1.6.3` contained an unintentional character at beginning of `label.less` re-released as `1.6.4`
  638. **Bugs**
  639. - **Build** - Fix CSS property typo in list icon, and label causing issues with some custom build tools
  640. - **Label** - Fix attached labels to have correct border radius inside of attached segments of all kinds
  641. ### Version 1.6.2 - January 06, 2015
  642. **Site Variables**
  643. - **Site** - EM values for `small` `large` etc are now all calculated from ``@emSize`` allowing you to only change one variable.
  644. **Bugs**
  645. - **Button** - Fixes active orange button color
  646. - **Menu** - Fixes ``fluid text menu`` to have correct margins
  647. ### Version 1.6.1 - January 05, 2015
  648. **Bugs**
  649. - **Accordion** - Accordion now uses ``useFailSafe: true`` to avoid callbacks not occurring because of race conditions with `transitionend` in webkit
  650. ### Version 1.6.0 - January 05, 2015
  651. **Build**
  652. - **Dist** - Build will now output version number in comment banner
  653. **Updates / Enhancements**
  654. - **Accordion** - Child element animations now use ``$.fn.transition`` and css animations by default (if available)
  655. - **Accordion** - Added ``animateChildren`` option to disable/enable opacity animation on child elements
  656. - **Accordion** - Accordion now uses `easeOutQuint`` instead of ``easeInOutQuint`` to increase perceived responsiveness of drawers
  657. - **Grid** - ``stackable grid`` now only adds horizontal padding when using ``stackable page grid``, otherwise content will take up full width of parent element
  658. **Bugs**
  659. - **Tab/Segment** - Fixes first tab being 1pixel taller than all other tabs
  660. - **Popup** - Fix issue with `ui popup` receiving error ``$offsetParent is undefined`` when using a pre-defined popup
  661. - **Popup** - Fix issue with ``ui popup` not appearing with ``ui flowing popup`` due to newly added ``min-width: max-content``
  662. - **Form** - ``ui search dropdown`` inside a form has incorrect focus style
  663. - **Menu** - Fixes ``ui fluid labeled icon menu`` to not have `min-width`
  664. ### Version 1.5.2 - January 02, 2015
  665. **Bugs**
  666. - **Sidebar** - Fix bug with `useLegacy` introduced in `1.5.1`
  667. ### Version 1.5.1 - January 01, 2015
  668. **Bugs**
  669. - **Button** - Fixed vertical alignment of ``ui animated button``
  670. - **Search** - Fixed issue with local search returning all results due to improper regexp
  671. ### Version 1.5.0 - December 30, 2014
  672. **Critical Bugs**
  673. - **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``.
  674. **Enhancements**
  675. - **Dropdown** - New setting ``allowCategorySelection`` lets menu items with sub menus be selected. Added example in docs.
  676. - **Reset** - Reset now inherits ``box-sizing`` [from html tag](http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/)
  677. - **Label** - ``ui ribbon label`` can now appear on the right side of content when specifying ``ui right ribbon label``
  678. - **Checkbox** - Checkboxes now can handle labels with multiple lines of text
  679. - **Progress** - Progress bars now display all intermediary percentage values when animating. Improved performance when progress bar is rapidly updated.
  680. - **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.
  681. - **Table** - Table now has coupling with image to make sure size is preserved correctly with table sizing when used inside a table cell.
  682. - **Menu** - ``ui fixed menu`` now defaults to ``ui top fixed menu``
  683. **Bugs**
  684. - **Form** - Fixed (x) wide field not having correct bottom field margin when in ``fields`` group on tablet or mobile
  685. - **Tab** - Calls to global ``$.tab()`` would not pass arguments correctly
  686. - **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
  687. - **Form** - ``ui input`` now receives the same formatting as a normal input inside an ``inline field``
  688. - **Grid** - Fix display of equal height stackable grid. Add padding to divided stackable grid for dividers
  689. - **Input** - Fixed bug when ``ui action input`` uses a ``ui icon button``, button was receiving `i.icon` formatting.
  690. - **List** - Fixed bug when using ``ui icon button`` or ``ui icon header`` causing element to receive icon formatting
  691. - **Grid** - Fixed issues where negative margins on ``ui stackable grid`` could cause horizontal scroll bars on mobile
  692. - **Popup** - Popup destroy will now also destroy any unfired timers (show/hide delay)
  693. - **Popup** - Popup now moves to the same offset context to avoid positioning errors when using a named pre-existing popup.
  694. ### Version 1.4.1 - December 23, 2014
  695. **Build Tools**
  696. - ``gulp build`` will now only build `dist/components/` for components selected in install
  697. - Fixed bug where interactive installer was not correctly setting components in ``express`` and ``custom`` install
  698. **Bugs**
  699. - **Dropdown** - ``<select>`` elements will now preserve original ``<option>`` order by default. Added ``sortSelect`` setting (disabled by default) to automatically sort ``<option>`` on initialization
  700. - **Button** - Fixes issue with ``will-change`` property added to ``ui button`` causing layout z-indexing issues (dropdown button)
  701. ### Version 1.4.0 - December 22, 2014
  702. [Browse Issues for 1.4.0](https://github.com/Semantic-Org/Semantic-UI/issues?q=milestone%3A1.4.0)
  703. **Enhancements**
  704. - **Modal** - Modal now accepts custom dimmer settings with setting `dimmerSettings``
  705. - **Form** - Form inputs without ``type`` specified are now formatted **Thanks PSyton**
  706. - **Accordion** - Added inverted accordion variation
  707. **Bugs**
  708. - **Progress** - Fixes bug where ``ui indicating progress`` would not update its label immediately in webkit
  709. - **Button** - Fix Chrome bug with buttons sometimes not correctly repainting (particularly evenly divided groups)
  710. - **Menu** - Fix border radius of dropdown menu inside `ui vertical menu`
  711. - **Menu** - Fix formatting of ``ui selection dropdown`` inside ``menu``
  712. **Docs**
  713. - Improved documentation for API and Tab to be slightly more comprehensive
  714. ### Version 1.3.2 - December 17, 2014
  715. - **Modal** - Fixed issue with modal dimmer appearing cut off in some browsers, and not hiding
  716. ### Version 1.3.1 - December 17, 2014
  717. - **Button** - Dist version of button accidentally included ``chubby`` theme instead of ``default`` theme
  718. ### Version 1.3.0 - December 17, 2014
  719. [Browse Closed Issues for 1.3.0](https://github.com/Semantic-Org/Semantic-UI/issues?q=is%3Aissue+milestone%3A1.2.1+is%3Aclosed)
  720. **Critical Bugs**
  721. - **Build Tools** - Fixed issue with ``theme.config`` causing ``gulp watch`` to throw an error
  722. **Enhancement**
  723. - **Dropdown** - Dropdown can now specify which direction a menu should appear left/right, dropdown icons can also appear on the left
  724. - **Dropdown** - Full text search now defaults to ``false``, meaning search terms will return only results beginning with letters
  725. - **Dropdown** - Search Dropdown is now much more responsive, js improvements and input throttling added.Throttling defaults to `50ms` and can be modified with settings ``delay.search``
  726. - **Dropdown** - Search Dropdown now correctly replaces placeholder text when backspacing to empty value
  727. - **Dropdown** - Search Dropdown now has a callback when all results filtered ``onNoResults``
  728. - **Dropdown** - Search dropdown will now strip html before searching values when searching html
  729. - **Dropdown** - Search now has keyboard shortcut to open dropdown on arrow down
  730. - **Form** - Form will no longer process validation rules on disabled fields
  731. - **Label** - Corner attached labels now display correctly inside of attached segments
  732. - **Steps** - Steps are now responsive for mobile by default, and have optional responsive styles for tablet
  733. - **Table** - Table has now variations to remove responsive stylings, specify responsiveness for tablet
  734. - **Table** - Table now has a ``structured table`` type, which removes some formatting considerations to support complex table layouts with ``colspan`` and ``rowspan``
  735. **Bugs**
  736. - **Button** - Button "or" positioning variables have been adjusted to be automatically calculated without magic numbers
  737. - **Dropdown** - Dropdown now always scrolls to active element on menu open, calculates position with new ``loading`` class
  738. - **Dropdown** - Fix bug in position of sub menus with ``floating dropdown``
  739. - **Form** - Fixed positioning of horizontal field groups, aka ``fields`` for mobile.
  740. - **Grid** - ``stackable grid`` now display correctly when nested inside a different ``stackable grid``
  741. - **Image** - UI image now works with SVG
  742. - **Modal** - Fixed issue with modal losing scroll position on mobile
  743. - **Modal/Dimmer** - Fixed issues with modal hiding during showing and showing during hiding, fixed issues with "hiding other" modals while a modal is mid-animation.
  744. - **Segment** - Vertical segments now have padding on first/last element, fixing issues when using with grids
  745. - **Sidebar** - Mobile sidebars now only set ``overflow`` on page's ``html`` when browsing from ``iOS`` devices. Using overflow caused issues with page's scroll being lost when resizing a browser to mobile widths. This also affected modules that used `$(window).scrollTop()`` at mobile screen sizes
  746. - **Step** - Fix issue with completed ordered step icon alignment
  747. - **Table** - Fix responsive styles when applied to ``definition table``.
  748. - **All UI** - Adds error message when triggering an invalid module behavior i.e. typos ``$('.dropdown').dropdown('hid');``
  749. **Docs**
  750. - **Button** - Add tabindex /keyboard nav documentation
  751. - **Grid** - Add another grid example
  752. - Updates to reflect all new changes to UI listed above
  753. ### Version 1.2.0 - December 08, 2014
  754. [Browse Closed Issues](https://github.com/Semantic-Org/Semantic-UI/issues?q=is%3Aissue+milestone%3A1.1.3+is%3Aclosed)
  755. **Enhancement**
  756. - **Form** - Form validation now has parameter ``optional`` which will only validate a field against a set of rules if the user does not leave it blank **Thanks DHNCarlos**
  757. - **Fonts** - Add font subset variable for ``site.variables`` **Thanks gabormeszoly**
  758. - **Modal** - Default modal shadow now more subtle
  759. - **Sidebar** - Now has behaviors ``is open/closed`` that are aliases for ``is visible/hidden``
  760. - **Checkbox** - JS Checkbox now handles several variations of html. Labels can be before inputs, after, or not included at all. This should work better with server side form generation.
  761. - **Progress** - Adds ``limitValues`` setting to adjust values outside of 0-100 automatically to within range, defaults to true
  762. **Bugs**
  763. - **Grid** - Fixes ``ui stackable grid`` sometimes not aligning correctly at mobile sizes with ``ui page grid``
  764. - **Progress** - Fixes issues with setting progress to 0% not working as expected
  765. - **Modal** - Fixes issues with multiple modals sometimes not closing dimmers
  766. - **Modal** - When a second modal that is not scrolling is opened after a scrolling modal it no longer causes the first modal to not be scrollable
  767. - **Modal** - "Hammer" clicking multiple times on a hiding dimmer no longer causes animation issues
  768. - **Sidebar** - Fixes issue with multiple sidebars sometimes causing dimmer to close prematurely
  769. - **Sidebar** - Dimmer can now be clicked even before sidebar has finished showing to immediately close sidebar
  770. - **Item/Card** - Default link formatting inside element simplified to avoid adjusting other nested ``ui`` link styles
  771. - **Dropdown** - Fixes bug with dropdown converted from ``select`` that use ``<option`` values with capital letters not being selectable
  772. - **Form** - Fixes required checkbox asterisks formatting incorrect
  773. **Docs / Build**
  774. - Fixed documentation on dropdown actions, form field widths, form validation types, and many odds & ends
  775. - Adds components to semantic.json.example
  776. - Theme.config.example now links to final site folder
  777. ### Version 1.1.2 - December 03, 2014
  778. - **NPM** - Fixes issue with ``dist/`` not being included when using NPM due to ``.gitignore``
  779. ### Version 1.1.1 - December 03, 2014
  780. **Bugs**
  781. - **Step** - Fixes step content appearing overlapped due to use of ``em`` instead of ``rem`` for line-height.
  782. - **Sidebar** - Fixes issue that may cause sidebars to stay open in some circumstances when using multiple sidebars
  783. ### Version 1.1.0 - December 02, 2014
  784. **Enhancements**
  785. - **Transition** - Transition's caching of final display state and animation existence now has improved performance.
  786. - **Popup** - Popup now has a ``settings.prefer`` that defaults to ``adjacent``. This setting sets prefered next placement when a popup cannot fit on screen in the chosen placement. ``prefer`` can also be set to ``opposite`` to prefer the same position on the opposite side
  787. - **Popup** - Popup can now use a setting ``lastResort``. When set to a position it will be used as a last resort even if popup does not entirely fit on the page. Setting this to ``false`` will produce an error when a popup cannot fit on screen.
  788. - **Transition** now has ``useFailSafe`` parameter (off by default) to ensure transition callback fires even if native ``onAnimationEnd`` event does not fire due to element visibility. [Chromium Bug Report by Product Manager @ Mozilla](https://code.google.com/p/chromium/issues/detail?id=135350#c2) and [this open issue](https://code.google.com/p/chromium/issues/detail?id=437860)
  789. - **All UI** - Many ``em`` measurements adjusted slightly to calculate out as exact pixel values (Fixes 1px rounding errors)
  790. - **Steps** - Now use global border color
  791. - **Progress** - Progress now has sizing variations
  792. - **Input** - ``transparent input`` can now be ``inverted``
  793. - **Dropdown** - Dropdown ``onChange`` callback now fires when calling ``setSelected`` programatically.
  794. **Bugs**
  795. - **Build Tools** - NPM now correctly pins dependencies instead of using bleeding-edge versions which may break builds
  796. - **Transition** - Transition now correctly detects missing animations, errors do not cause future image transitions to break
  797. - **Menu/Segment** Fixes double border on pointing menu with attached segment **Thanks davialexandre**
  798. - **Progress** - Fixes indicating progress appearing incorrectly at 100% complete **Thanks ordepdev**
  799. - **Icon** - ``remove icon`` is now formatted correctly when used as ``remove link icon``
  800. - **Input** - ``ui action input`` can now accomodate ``ui button`` that adjust padding from default
  801. - **Dropdown** - Fix ``action input`` used inside ``ui dropdown`` to appear correctly **Thanks ordepdev**
  802. **Docs**
  803. - **Progress** - Added missing settings docs for progress module
  804. ### Version 1.0.1 - November 28, 2014
  805. **Bugs**
  806. - **Site** - Add protocol variable for Google Font loader to avoid issues with ``//`` when loading locally causing freezing
  807. - **Icon** - Fix horizontal centering of circular icon
  808. - **Transition** - Fix vertical flip not working due to css typo **Thanks cgroner**
  809. - **Menu** - Removes missing image loader variable **Thanks ryan-mahoney**
  810. - **Card/Item** - Fix generic link stylings erroneously affecting linked ui elements like buttons
  811. - **Table** - Fixes table cell transition animating all properties
  812. ### Version 1.0.0 - November 24, 2014
  813. **Breaking Changes**
  814. - **Word Order** - Many multi word variations now require proper word order, for example ``left aligned`` or ``right floated`` classnames must be adjacent. This is to prevent conflicts with other multiple word variations
  815. - **Form** - Date field has been removed, use a ``ui icon input`` with a ``calendar icon`` instead
  816. - **Label** - Corner labels no longer support text, only icons.
  817. - **Dropdown** - Sub menus inside dropdowns now need a wrapping div **text** around sub-menu descriptions
  818. - **Checkbox** - Checkbox "enable" and "disable" have been replaced with "check" and "uncheck"
  819. - **Modal** - Modal ``left`` and ``right`` sections are now replaced with ``image`` and ``description``
  820. - **Accordion** - Accordions are now unstyled by default allowing for simpler coupling with other UI without having to override styles. Styled accordions are now included as a variation ``ui styled accordion``
  821. - **List** - List item selectors are now more strict, list items must be immediate children of ``ui list`` or ``ui list list``
  822. - **Item** - 0.x.x's UI card has been adjusted heavily. Vertically listed content should use ``ui item`` while floated grouped content should continue to use ``ui card``. Some 'card' view content has been slightly adjusted. Please refer to documentation
  823. - **Header / Icon** - Inverted headers and icons no longer invert background colors, but instead use a lighter version of colors more legible on dark backgrounds. Inverted circular icons, still however invert the color of the circle.
  824. - **Input** - Labeled inputs now have ``corner`` ``left`` and ``top`` label types. Any labeled inputs should be converted to ``corner labeled input`` to preserve functionality from ``0.x``
  825. - **Modal** - allowMultiple (allowing multiple modals at once) is now set to **false** by default.
  826. - **Table** - Tables are no longer striped by default, instead you must specify the 'striped' variation
  827. - **Transition** - Complete, and Start callbacks are now ``onComplete`` and ``onStart``
  828. **Enhancements**
  829. - **General** - CSS animations now hint with will change properties to increase performance in supported browsers
  830. - **General** - Many modules now use DOM Mutations and event delegation to allow content adjustment after initialization
  831. - **Accordion** - Accordion now includes all icons in an embedded font instead of requiring icons
  832. - **Button** - Now has compact form, used for fitting into tight spaces
  833. - **Button** - Now has CSS loaders to allow loading state to maintain other styles
  834. - **Checkbox** - Now correctly handles read-only and disabled, has read-only and disabled states
  835. - **Checkbox** - All styles have been redone. Standard checkboxes are now based around PX and not EM making sure there are no unusual circles or rounding issues. Checkboxes also now use a custom font for glyphs instead of CSS tricks.
  836. - **Checkbox** - Checkbox now have a ``fireOnInit`` setting for firing callbacks on page load
  837. - **Checkbox** - Checkbox now receive a ``checked`` class when checked, making it easier to write css selectors on checked checkboxes, for example when using sibling selectors ``.ui.checked.checkbox + .content { // style }``
  838. - **Dropdown** - New dropdown type, searchable selection for large lists of choices
  839. - **Dropdown** - Dropdowns can now be initialized directly on a ``<select>`` element without any html
  840. - **Dropdown** - New action combo will change text of adjacent button, select will select element but not change text
  841. - **Dropdown** - Many new content types now work inside dropdowns, headers, dividers, images, inputs, labels and more
  842. - **Form** - Form now has a success state which will automatically display success messages
  843. - **Dimmer** - Dimmer will now automatically determine whether click-to-close is enabled by ``settings.on``
  844. - **Dimmer** - Multiple dimmers can now be used on the same context with ``dimmerName``
  845. - **Dimmer** - Dimmer variations can be specified when creating a dimmer from javascript using ``variation`` setting.
  846. - **Form** - Grouped fields and inline fields can now have labels
  847. - **Form** - Forms in 'success' state will now show success messages inside
  848. - **Form** - Inputs now use 1em font size and correctly match selection dropdown height
  849. - **Form** - Inverted form now properly styles loader
  850. - **Form** - New field type ``required`` formats labels to show filling out field is mandatory
  851. - **Grid** - ``ui divider`` can now be used inside of row columns as well as ``vertically divided grid`` variation
  852. - **Grid** - Grid rows and columns now support color variations
  853. - **Grid** - Grid has been rewritten to automatically create row flow without row wrappers
  854. - **Grid** - Divided and celled grids can now be inverted for dark backgrounds
  855. - **Grid** - Elements inside a grid that are not rows or columns will now align properly
  856. - **Grid** - Fixed page grid allows for fixed pixel size containers used with a grid instead of percentage
  857. - **Grid** - Vertically divided grid now does not include left/right gutters in divider
  858. - **Header** - Linked headers now receive link colors
  859. - **Image** - New ``bordered image`` variation
  860. - **Item** - Items now have a horizontal list view for content lists
  861. - **Label** - Added tag label and empty circular label style
  862. - **Label** - Now has compact form, for fitting into tight spaces
  863. - **Label** - Now has more sizes available
  864. - **List** - Child lists can now be formatted to sit inside text content
  865. - **List** - List images can now specify vertical alignment
  866. - **List** - List spacing defaults have been adjusted to be more consistent
  867. - **Popup** - Popup can now allow itself not to be closed when hovered over
  868. - **Popup** - A popup element can now be specified on initialization.
  869. - **Reveal** - Reveals now all use css properties with GPU acceleration
  870. - **Popup** - Positioned popups will now extend in the opposite direction to fit better with floated content
  871. - **Rating** - Rating now uses an embedded icon font to maximize compatibility
  872. - **Rating** - Rating can now automatically generate icons without including them
  873. - **Rating** - Rating can use data attributes to specify individual ratings
  874. - **Sidebar** - Sidebar now has tall / very tall variations for resizing top/bottom sidebars
  875. - **Shape** - Shape now is better at calculating sizes when animating
  876. - **Shape** - You can now disable repeated animations by setting, so animation wont queue if side is currently visible
  877. - **Steps** - Steps can now have icons, descriptions and titles. Step default theme has been modified significantly to be more flexible.
  878. - **Table** - Tables now have 'basic' and 'very' basic variations
  879. - **Transition** - Transition will now keep block position of elements hidden with visibility hidden
  880. - **Transition** - Transitions now will handle multiple display types more consistently
  881. - **Transition** - Transition now has a new ``start`` callback, before animation starts
  882. - **Transition** - Complete callback now does not occur if animation is interrupted before completing
  883. - **Transition** - You can now specify the final displayType of a transitioning element in metadata or settings (not just automatically detected)
  884. - **More [untracked changes](https://github.com/Semantic-Org/Semantic-UI/issues?q=is%3Aissue+label%3AEnhancement+is%3Aclosed) added as well**
  885. ** Bug Fixes **
  886. - See Closed GitHub Issues
  887. ### Version 0.19.3 - Sep 11, 2014
  888. **Bug Fixes**
  889. - **Grid** - Fixes issue where some responsive grid stylings were being overridden by other variations (for example stackable overriding )
  890. ### Version 0.19.2 - Sep 11, 2014
  891. **Bug Fixes**
  892. - **Grid** - (Backport from 1.0 branch) Fixes issue where some combinations of (tablet/mobile/computer) only does not function correctly
  893. ### Version 0.19.1 - Sep 5, 2014
  894. **Bug Fixes**
  895. - **Modal** - (Backport from 1.0 branch) Fixes issue where modal sometimes appears too low on second show
  896. ### Version 0.19.0 - July 3, 2014
  897. **Enhancements**
  898. - **Transition** - Adds "fade in left/right" variations to match "fade up/down" **Thanks AdamMaras**
  899. **Fixes**
  900. - **Accordion** - Fixes incompatibilities with ``ui list`` when used inside a ``ui accordion``, fixes issues with menu accordion display in some circumstances
  901. - **Menu** - Fixes ``ui inverted secondary pointing menu`` to have correct pointer color for all color variations **Thanks AdamMaras**
  902. - **Docs** - Language clarified for menu/rating definition **Thanks jnbt/ewiner**
  903. ### Version 0.18.0 - June 6, 2014
  904. **Enhancements**
  905. - **Modal** - Modals now focus on first input if available **Thanks Knotix**
  906. - **RTL** - RTL now uses RTLCSS instead of CSSJanus **Thanks MohammadYounes**
  907. **Fixes**
  908. - **Menu** - Fixes bug where pointing menu would sometimes appear below content **Thanks Skysplit**
  909. - **Dropdown** - Fixes dropdown 'is animating' with dropdowns when CSS animations were not included **Thanks nathankot**
  910. - **Accordion** - Accordion title does not know have to be :first-child to receive proper border **Thanks BigBlueHat**
  911. - **Popup** - Fixes javascript animation of popup missing easing dependency
  912. - **Label** - Fixes border radius on bottom left label
  913. **Docs**
  914. - **Modal** - Docs now have HTML examples
  915. - **Docs** - Fixes issue with overview mode not clearing code examples
  916. - **CSS Guide** - Fixes typos in css guide
  917. ### Version 0.17.0 - May 9, 2014
  918. **Enhancements**
  919. - **Dropdown** - Dropdowns can now receive focus and be navigated with a keyboard **Thanks Musatov**
  920. - **Popup** - Popup now has an ``onRemove`` callback after removing element from DOM
  921. **Fixes**
  922. - **Modal** - Element does not accurately close other modals when initialized at different times **Thanks nojhamster**
  923. - **Modal** - Fixes javascript error for browsers that don't support CSS animations if jquery.easing is not included
  924. - **Form, Input** - Fixes ``ui input`` to work correctly inside ``inline field``
  925. ### Version 0.16.1 - April 22, 2014
  926. **Fixes**
  927. - **Transition** - Fixes bug where transition could accidentally hide element on show due to error when determining original display type
  928. ### Version 0.16.0 - April 22, 2014
  929. **Enhancements**
  930. - **Form** - Fields can now be aligned to a grid **Thanks seralex-vi**
  931. **Critical Fixes**
  932. - **Modal** - Fixes issue where position sometimes appeared too low on second show
  933. - **Reveal** - Fixes reveal being broken in Chrome in ``0.15.5`` due to poor fix for reveal selectability
  934. **Fixes**
  935. - **Transition** - Fixes issue where transition hidden was sometimes overwriten by UI styles causing the element to stay visible
  936. - **Checkbox** - Fixes issue where checkboxes with multiple line labels were appearing formatted incorrectly.
  937. ### Version 0.15.5 - April 11, 2014
  938. **Critical Fixes**
  939. - **Checkbox** - Fixes ``ui checkbox`` to obey ``disabled`` property of input
  940. **Fixes**
  941. - **Reveal** - Hidden content now can be selected on reveal
  942. - **Message** - Fixes hidden/visible class to work with animations
  943. - **Message** - Fixes hidden/visible class to set proper display on ``ui icon message``
  944. - **Message** - Fixes hitbox/position of ``close icon`` inside message
  945. ### Version 0.15.4 - April 04, 2014
  946. **Fixes**
  947. - **Rating** - Fixes issue where rating was behaving erratically in Chrome
  948. ### Version 0.15.3 - April 04, 2014
  949. **Changes**
  950. - **Transition** - CSS Transitions now work in legacy FF (FF > 12)
  951. - **All UI** - Adds support for legacy FF vendor prefixes (FF > 12)
  952. **Docs**
  953. - Adds more examples for static checkbox/radio boxes with HTML only
  954. - Fixes a variety of issues with malformed examples (thanks community)
  955. ### Version 0.15.2 - Mar 28, 2014
  956. **Changes**
  957. - **All Modules** - Debug is now disabled by default
  958. **Fixes**
  959. - **Step** - Fixes issue with border radius on vertical steps
  960. - **Icon** - Orange color is now available for icon
  961. - **Menu** - Fixes formatting of attached segments with menus
  962. ### Version 0.15.1 - Mar 14, 2014
  963. **Critical Fixes**
  964. - **Dropdown** - Typo in dropdown css was causing selection dropdowns not to appear
  965. ### Version 0.15.0 - Mar 14, 2014
  966. **Enhancements**
  967. - **Step** - Vertical Steps now have option to have two line items
  968. - **Form** - Forms, Dropdowns, and Inputs now have matching padding size, and use 1em font size to appear same size as surrounding text
  969. - **Icon** - Icons on dark backgrounds should render better in OSX
  970. - **Modal** - Modals now have an onVisible and onHidden callback for after animation ends
  971. - **Form Validation** - Form validation now automatically revalidates a selection dropdown on change when invalid
  972. **Critical Fixes**
  973. - **Modal** - Browsers without RequestAnimationFrame (Opera) were erroring on modal show
  974. - **Dropdown** - Element's with numeric ``data-text`` values were erroring when selected
  975. **Fixes**
  976. - **Modal** - Modal onShow and onHide occurs before transition starts, allowing for class name changes not to be reset
  977. - **Dropdown** - Default selection text was not appearing when a dropdown had a value that was ``false`` or ``0``
  978. - **Input** - Fixes slight error in corner label rounding **Thanks MohammadYounes**
  979. - **Reveal** - Reveals will now show on active, for touch devices **Thanks Illyism**
  980. - **Table** - Fixes rounding on tables with multiple tfoot elements **Thanks webdesserts**
  981. - **Icon** - Hide and unhide icon were accidentally given opposite names
  982. - **Checkbox** - Checkboxes can now have multiple inputs inside, for use with .NET and other languages that insert their own hidden inputs
  983. **Project**
  984. - **iOS** - Active styles, for example pressed in buttons, now appear in docs on touch devices
  985. ### Version 0.14.0 - Mar 03, 2014
  986. **Enhancements**
  987. - **Modal** - Modal now uses requestAnimationFrame instead of debounced callback
  988. - **Dropdown** - Dropdown now has error state **Thanks Musatov**
  989. - **Form** - Form fields with errors will now properly style dropdown elements **Thanks Musatov**
  990. - **Step** - Steps can now appear vertically
  991. **Fixes**
  992. - **List** - Bulleted and horizontal lists now appear correctly in IE10-11
  993. **Project**
  994. - **NPM** - Docpad is now moved to a dev dependency **Thanks kapouer**
  995. ### Version 0.13.1 - Feb 28, 2014
  996. **Fixes**
  997. - **Modal** - Fixes modal positioning appearing slightly below center on second load
  998. - **Checkbox** - Fixes checkbox appearance inside inverted forms
  999. - **Input** - Fixes ui input to inherit form sizing
  1000. - **Accordion** - Fixes issues with accordion rules being too specific, causing several common usages of accordions to break
  1001. - **Form Validation** - Fixes form validation regular expression matching **Thanks icefox0801**
  1002. ### Version 0.13.0 - Feb 20, 2014
  1003. **Enhancements**
  1004. - **Label** - Corner labels now are coupled to have rounded edges with components with rounded edges like input
  1005. - **Form** - Grouped form fields now have responsive styles for mobile
  1006. - **Modal** - Modal will now work when modal is taller than page's content
  1007. - **Checkbox** - Checkboxes now also trigger DOM ``change`` event
  1008. - **Accordion** - Accordions now preserve inline styles when animating
  1009. - **Form Validation** - Form validation now rechecks on all form change events, not just input change
  1010. **Fixes**
  1011. - **Menu** - Fixes 2px border on last element in horizontal menus
  1012. - **Menu** - Fixes dropdown formatting when used **inside* a menu item
  1013. - **Menu** - Fixes formatting of grouped icon buttons inside menus
  1014. - **Modal** - Fixes z-index of modal close to appear above ``relative/absolute`` modal content on mobile
  1015. - **Dimmer** - Dimmers are less buggy when used with ``on: 'hover``
  1016. ### Version 0.12.5 - Feb 04, 2014
  1017. **Enhancement**
  1018. - **Button** - Or buttons can now have text specified using ``<div class="or" data-text"text">`` with alternate text *Thanks MohammadYounes*
  1019. **Fixes**
  1020. - **Popup** - Fixes issue where popups using ``title`` attribute to store data were losing title content instead of correctly restoring it
  1021. - **Modal** - Fixes an issue where modal may not position correctly in some cases *Thanks GianlucaGuarini*
  1022. - **Modal** - Fixes modal throwing an error when transition is not included *Thanks robertoles*
  1023. ### Version 0.12.4 - Jan 29, 2014
  1024. **Fixes**
  1025. - **Form** - Fixes issue with onSuccess not allowing cancellation of form submit in form validation
  1026. - **Input** - Fixes ``ui buttons`` to work inside an ``ui action input`` **Thanks MohammadYounes **
  1027. - **Items** - Fixes ``ui horizontal items`` to work correctly, missing comma **Thanks mishak87**
  1028. **Project**
  1029. - **RTL** - Adds RTL hinting for some files **Thanks MohammadYounes**
  1030. - **Specs** - Adds additional JSON spec files for future use with generators **Thanks brigand**
  1031. ### Version 0.12.3 - Jan 24, 2014
  1032. **Fixes**
  1033. - **Message** - Fixes some issues with margins sometimes not appearing with ``attached message`` **thanks joltmode**
  1034. - **Item** - Fixes color repeating to be consistent for items **thanks skysplit**
  1035. ### Version 0.12.2 - Jan 21, 2014
  1036. **Enhancement**
  1037. - **Form Validation** - Adding custom validation is now simpler, uses syntax ``$('.form').form('add prompt', identifier, 'Error message');``
  1038. **Fixes**
  1039. - **Menu** - Slightly updates input sizes inside menus
  1040. - **Grid** - Fixes grid ``only tablet/mobile/computer`` showing both devices on exact pixel of breakpoint, i.e. 768px
  1041. - **Icon** - Fixes ascending alphabetic inheritance
  1042. ### Version 0.12.1 - Jan 15, 2014
  1043. **Fixes**
  1044. - **LESS** - Fixes typo breaking less parsing **thanks DVSoftware**
  1045. - **Menu** - Fixes buttons using ``<a>`` tag from inheriting link styles. **thanks joltmode**
  1046. - **Menu** - Fixes ``action input`` to work inside menus **thanks joltmode**
  1047. - **Modal** - Fixes possible race conditions in animations of modal **thanks dos1**
  1048. - **Message** - Prevents close icon from being misformatted in icon message **thanks MohammadYounes**
  1049. **Docs**
  1050. - **Icons** - Fixes some icon code samples in docs **thanks mishak87**
  1051. Some updates to docs formatting
  1052. ### Version 0.12.0 - Jan 06, 2014
  1053. **Major Fixes**
  1054. - **Dropdown** - Fixes dropdowns links not working on touch devices
  1055. - **Input** - Fixes input placeholder styles to work (accidental regex replace)
  1056. **Major Updates**
  1057. - **Transition** - Transitions will now, by default, prevent the current animation from being queued while it is actively animating the same animation
  1058. - **Modal** - New setting ``allowMultiple`` lets you specify whether multiple modals can be shown at once
  1059. - **Modal** - New setting ``detachable`` allows you to specify whether modal DOM element can be moved (Thanks MohammadYounes)
  1060. **Updates**
  1061. - **Dropdown** - Default value is now stored on init, and can be restored using 'restore defaults' behavior
  1062. - **Modal** - Buttons can now use both ``cancel/deny`` or ``ok/approve``, for approve/deny events to fire (Thanks MohammadYounes)
  1063. - **Menu** - Fixed menu now adds padding on the next element if it is a grid
  1064. - **Progress Bar** - Adds warning color
  1065. **Fixes**
  1066. - **Icon** - Fixes unnecessary formatting on thumbs up/down
  1067. - **Dropdown** - Fixes touchmove event not clearing on touch devices causing unnecessary overhead
  1068. - **Input** - Action inputs can now be fluid
  1069. - **Sidebar** - Fixes issue where top sidebar was receiving left offset
  1070. - **Menu** - Fixes z-index on fixed menu to exist just below modals
  1071. - **Dropdown** - Fixes issue where last match was returned, not prioritizing value over text
  1072. - **Form** - Fixes all validation input to be trimmed for whitespace
  1073. ### Version 0.11.0 - Dec 25, 2013
  1074. ### Merry Christmas!
  1075. **Major Updates**
  1076. -**Transition**: Transition has been completely rewritten, performance should be about 10x after first animation due to caching and use of request animation frame
  1077. **New Features**
  1078. -**Transition**: Transitions now work with **any display type** not just display: block, meaning transitions can be used on buttons and other inline elements without affecting display
  1079. **Fixes**
  1080. -**Transition**: Fixes typo in "horizontal flip out" causing opacity to be fading in
  1081. -**Popup** - Fixes popup sometimes opening and closing when ``event:click`` is used and a user double clicks
  1082. -**Modules**: Fixed error in all modules where calling invoke would modify instance outside of scope, making it impossible to access some data (for instance cached positions) from outside of module.
  1083. -**Modal**: Fixes issues with modal in IE, IE11 can now use CSS animations with modals
  1084. ### Version 0.10.3 - Dec 22, 2013
  1085. **Critical Fixes**
  1086. - **Dropdown** - Fixes issue where dropdown animation does not occur sometimes (Thanks MohammadYounes)
  1087. **Fixes**
  1088. - **Popup** - Native browser popups no longer if using ``title`` attribute
  1089. - **Grid** - Fixes issue where stackable grid was not working correctly when using (x) wide column
  1090. - **Modal** - Fixes element detatching sometimes in case where it is already inside a dimmer
  1091. - **Input** - Removes duplicate sizes
  1092. ### Version 0.10.2 - Dec 13, 2013
  1093. **New**
  1094. - **Button** - Adds VK button
  1095. - **Input** - Action inputs now support button groups
  1096. **Fixes**
  1097. - **Rating** - Fixes vertical alignment with text
  1098. - **Dropdown** - Fixes missing easing equations for dropdown javascript animations. Would cause an error when no css transitions were included and jquery easing was not available.
  1099. ### Version 0.10.1 - Dec 06, 2013
  1100. **Fixes**
  1101. - **Modal** - Fixes issue with modal animation regression in 0.10.0
  1102. ### Version 0.10.0 - Dec 05, 2013
  1103. **New**
  1104. - **Grid** - Adds ``doubling`` responsive variation which automatically formats content spacing based on device type
  1105. - **Form Validation** - Adds two new parameters, to allow for changing of revalidation and delay on input
  1106. **Updates**
  1107. - **Grid** - Row padding is now EM not % based, this might shift layouts slightly
  1108. - **Grid** - Grid columns not inside a row will automatically receive row padding now. This will allow for content to flow correctly when row count is unknown
  1109. **Fixes**
  1110. - **Grid** - Fixes margin on stackable grids
  1111. - **Dropdown** - Value can be retrieved even in instances where forms arent used
  1112. ### Version 0.9.6 - Dec 04, 2013
  1113. **Updates**
  1114. - **Rating** - Ratings now recieve class disabled when read only, instead of recieving ``active`` when rateable since active are much more common
  1115. - **Grid** - Fixes some instances where grid column width ``x wide`` was being overruled by parent element ``x column``.
  1116. - **Header, Grid, Segment** - Adds justified alignemnt
  1117. - **Message** - Fixes issues with attached icon message (thanks overra)
  1118. ### Version 0.9.5 - Nov 25, 2013
  1119. **New**
  1120. - **Segment** - Segments now have a circular variation
  1121. **Fixes**
  1122. - LESS files now include vendor prefixes by default instead of only including them in css releases
  1123. ### Version 0.9.4 - Nov 24, 2013
  1124. **Fixes**
  1125. - **Dropdown** - Fixes issue where falsey value (i.e. 0) could not be selected
  1126. - **Transition** - Fixes transition exists function from not being called
  1127. - **Form** - Adds input type="url" to forms
  1128. - **Sidebar** - Fixes right sidebars to correctly allow for sizing (Thanks DveMac)
  1129. - **Sidebar** - Typo in sidebar header (Thanks slobo)
  1130. **Docs**
  1131. - Fixes various typos and missing closing html tags
  1132. ### Version 0.9.3 - Nov 17, 2013
  1133. **Fixes**
  1134. - **Dropdown** - Fixes "falsey" values (like 0) not being processed correctly
  1135. - **Segment** - Fixes segment text color when nested inside inverted segment
  1136. - **Button** - Fixes improper active/visible state due to :not specificity (most noticiable in mousedown on a dropdown button)
  1137. ### Version 0.9.2 - Nov 8, 2013
  1138. **Fixes** - Fixes popup not repositioning itself when offstage.
  1139. ### Version 0.9.1 - Nov 7, 2013
  1140. **New**
  1141. - **Popup** - Adds context option for popup (thanks jefmathiot)
  1142. - **Accordion** - Adds formatting for nested accordions
  1143. **Updates**
  1144. - **Accordion** - Fixes issue with accordion events inside accordions
  1145. ### Version 0.9.0 - Nov 5, 2013
  1146. **New**
  1147. - **Button** - Basic icons now have inverted style
  1148. - **Segment** - Segments can now be used with ``ui grid`` and ``ui grid column/row``
  1149. - **List** - Adds animated list variation
  1150. **Docs**
  1151. - **Release** - Fixes issues with minification in grunt
  1152. - **Examples** - Adds new homepage example to release zip
  1153. - **Code Samples** - Updates ACE editor version
  1154. **Updates**
  1155. - **List** - Updated some list styles for greater flexibility
  1156. - **Dropdown** - Dropdown now always receives pointer cursor in all types
  1157. - **Form** - Darkens placeholder text color to be more visible
  1158. - **Menu** - Dropdown position inside secondary menus should be more precise
  1159. - **Input** - Labeled icons now have smaller corner labels
  1160. - **Menu** - Floating dropdown menus now work inside menus
  1161. - **Button** - UI buttons no longer have shadows, this helps match colored buttons in layouts
  1162. **Fixes**
  1163. - **Header** - Fixes alignment of solo icons in headers
  1164. - **Button** - Fixes labeled icon placement in Chrome
  1165. - **Modal** - Fixes use of unsupported comma separated :not selector
  1166. - **Modal** - Fixes left/right ui content receiving modal styles inappropriately
  1167. - **Menu** - Fixes some inverted menu stylings not applying correctly in some instances
  1168. - **Grid** - Fixes comp/tablet/mobile only columns not working if not inside a row
  1169. ### Version 0.8.6 - Nov 2, 2013
  1170. **Fixes**
  1171. - **Modal** - Fixes issue with scrollable variation on mobile, updates mobile styles
  1172. **Docs**
  1173. - Fixes bug in jquery waypoint 2.0.3 causing menus to be lame
  1174. ### Version 0.8.5 - Nov 2, 2013
  1175. **Fixes**
  1176. - **Modal** - Fixed issue with modals not working in 0.8.4 due to mistake in transition invoke
  1177. - **Modules** - Invoke now gives user's query in error message for method not found
  1178. ### Version 0.8.4 - Nov 1, 2013
  1179. **Fixes**
  1180. - **Modules** - Fixes bug where invoking a sentence behavior that has a single word match would always invoke single word match. I.e. ``show modal`` would mistakenly call ``show`` if it existed.
  1181. - **Modules** - Adds CSS transition support detection to all modules using css transitions to allow for graceful degradation for IE8
  1182. **Docs**
  1183. - **Download** - Fixes issue where non minified source was being included with minified copy
  1184. - **IE** - Fixed some issue with IE display in docs
  1185. ### Version 0.8.3 - Oct 30, 2013
  1186. **Fixes**
  1187. - **Modal** - Adds fixes for opening modals when other modals are opened, adds a few new API behaviors
  1188. - **Form** - Fixes issues with form validation not escaping regex characters
  1189. - **Form** - Errored fields now have their icons and corner labels colored appropriately
  1190. - **Labels** - Fixes formatting of links inside labels
  1191. ### Version 0.8.2 - Oct 28, 2013
  1192. **Fixes**
  1193. - **Modal** - Quick Fix for modal events in IE
  1194. - **Menu** - Fixes arrow direction on vertical menu dropdown
  1195. - **Button** - Fixes button height issue with button groups including icon and normal buttons
  1196. **Docs**
  1197. - Fixes some missing closing tags
  1198. ### Version 0.8.1 - Oct 26, 2013
  1199. **Fixes**
  1200. - **Button** - Fixes colored version sometime losing white text color
  1201. - **Button** - Fixes 1pixel jump on animated fade buttons
  1202. **Docs**
  1203. - Prefixer now used for prefixing in grunt
  1204. - Spelling fixes
  1205. ### Version 0.8.0 - Oct 25, 2013
  1206. **New**
  1207. - **Button** - Default button styles have been significantly tweaked
  1208. - **Button** - Evenly divided buttons can use number classes instead of words ``class="2 buttons"``
  1209. - **Button** - New animated button styles, fade, horizontal, and vertical
  1210. **Fixes**
  1211. - **Button** - Fixes "or" sizing to work for all sizes
  1212. - **Dropdown** - Fixes border radius on non-selection dropdowns from changing on activation
  1213. - **Input** - Action buttons now have tactile feedback like normal buttons
  1214. **Docs**
  1215. - Added more detailed contributing guide
  1216. - Updates info on setting up server
  1217. - Added new examples to button and input
  1218. ### Version 0.7.2 - Oct 23, 2013
  1219. **Fixes**
  1220. - **Modal** - Fixes issue with modal hiding twice onApprove
  1221. ### Version 0.7.1 - Oct 23, 2013
  1222. **Fixes**
  1223. - **Dropdown** - Fixes issue with dropdown icon position in chrome
  1224. - **Popup** - Fixes issue with popup's using setting inline: true
  1225. ### Version 0.7.0 - Oct 22, 2013
  1226. **New**
  1227. - **Table** - Added aweosome new responsive style to ui tables
  1228. - **Button** - New social buttons for Instagram, LinkedIn, Google Plus, Pinterest
  1229. - **List** - Adds documentation for module format
  1230. - **List** - Adds onTabInit for local tabs on first load
  1231. - **List** - Popups can now have a different target than itself
  1232. - **Modal** - Modal hide can be cancelled from ``onApprove`` and ``onDeny`` by returning false from callback
  1233. - **Transition** - onShow and onHide callbacks for visibilit changing transitions
  1234. - **Shape** - New 'cube' and 'text' shape type
  1235. - **Shape** - Transition duration can now be set programatically
  1236. - **Shape** - New beforeChange callback
  1237. - **Sidebar** - Sidebar will now default to being exclusive and hiding other sidebars on show
  1238. - **Sidebar** - Sidebar now has onChange, onShow, onHide callbacks
  1239. - **Sidebar** - Sidebar now have several size variations, and a new styled variation that comes preformatted
  1240. **Docs**
  1241. - **Dimmer** - Adds more dimmer examples, fixes settings
  1242. - **Modules** - New examples and docs for all modules
  1243. - Adds sortable tables to docs
  1244. - New tabbed doc style for modules
  1245. - Code samples will now automatically format indention
  1246. **Fixes**
  1247. - **Button** - Fixes vertical fluid buttons not taking up full width
  1248. - **Shape** - Shape now works with no additional stylings
  1249. - **Shape** - Fixes calculation of next side size to work correctly by using offstage element
  1250. - **Modules** - Fixed issue when altering settings using ``module('setting')`` with an object
  1251. - **Dimmer** - Dimmer now obeys border radius of parent
  1252. - **Dropdown** - Dropdown cannot display inside item image
  1253. - **Dropdown** - Dropdown links were being prevented by event.preventDefault used for touch devices
  1254. - **Dropdown** - Fixes issue with borders on selection dropdown
  1255. - **Dropdown** - Fixes pointing dropdown to appear correctly in menu
  1256. - **List** - Celled tables now have celled table headers
  1257. - **Menu** - Fixes border radius on tabular menu, fixes one pixel jump on active state
  1258. - **Menu** - Removes vertical label width missing units in menu
  1259. - **Popup** - Popup .toggle() now always hides/shows popup correctly
  1260. - **Popup** - Popup fixed a bug where "top right" placed popup might sometimes be too large
  1261. - **Popup** - Popup will not reshow a visible popup on hover
  1262. **Updates**
  1263. - **Accordion** - Reduces vertical padding on basic accordion content
  1264. - **Header** - Block header now uses RGBA instead of solid color by default
  1265. - **Label** - Ribbon labels now have a shadow color
  1266. - **List** - Horizontal padding on icon list slightly increased, fixes to icon position
  1267. - **List** - Increased padding on attached labels
  1268. - **List** - Leading on bulleted and ordered list slightly increased
  1269. - **Message** - Increase opacity of icons on icon messages
  1270. - **Modal** - Optimizes dimmer init on modal to occur on modal init and not modal show
  1271. - **Popup** - Popup border now uses RGBA to look sexier on dark backgrounds
  1272. - **Popup** - Popup default duration is now 200ms (slighty slower)
  1273. - **Popup** - Popup metadata attribute arrowOffset is now offset for simplicities sake
  1274. - **Popup** - Popup no-longer receives class name 'visible' on show, this allows popups to be used on dropdowns and other elements with a visible state
  1275. - **Popup** - Popups are no longer inline by default
  1276. - **Table** - Table headers are now darker to increase contrast with rainbow striped rows
  1277. - **Sidebar** - Floating sidebar is slightly less heavily shadowed
  1278. ### Version 0.6.5 - Oct 18, 2013
  1279. **Fixes**
  1280. - Fixes issue where browser default action, like link clicking, was prevented on dropdown item click
  1281. - Modal keyboard shortcuts now obey settings.closable (credit to luisrudge)
  1282. ### Version 0.6.4 - Oct 16, 2013
  1283. **Fixes**
  1284. - Fixes issue where browser default action, like link clicking, was prevented on dropdown item click
  1285. ### Version 0.6.3 - Oct 15, 2013
  1286. **Deprecation**
  1287. - Dropdown changeText and updateForm have been deprecated and will be removed in 1.0
  1288. **Updates**
  1289. - Dropdown hide no longer selects current item as active (useful for menus)
  1290. - Simplified possible dropdown actions changeText and updateForm are now consolidated into activate which is the new default
  1291. ### Version 0.6.2 - Oct 15, 2013
  1292. **Fixes**
  1293. - Fixes touch+mouse like touchscreen laptops to work with dropdowns
  1294. - Fixes input position inside menus with no other content
  1295. - Fixes input sizing on small/large menus
  1296. **Updates**
  1297. - Dropdown vastly improved for touch, now can scroll with touch without closing dropdown
  1298. - Dropdown active style now slightly more noticable
  1299. ### Version 0.6.1 - Oct 15, 2013
  1300. **Updates**
  1301. - Adds onApprove/onDeny callbacks to modal
  1302. - Adds small/large sizing of modal, reformats default modal size to be slightly inset from page grid
  1303. - Adds clockwise/counterclockwise rotated icon and default rotate
  1304. - Adds orange label/segment
  1305. - Adds automatic menu formatting for buttons inside menus
  1306. - Dropdowns in vertical menu automatically receive proper triangle pointer direction
  1307. **Fixes**
  1308. - Fixes modal spacing on left/right content to match up with grid gutters
  1309. - Fixes inheritance issues with rotated icon
  1310. - Fixes tests not passing for modal/dimmer
  1311. - Fixes overflow on item corner label
  1312. - Fixes right menu formatting in secondary menus
  1313. - Fixed shadow overlap on dropdown in menus
  1314. ### Version 0.6.0 - Oct 14, 2013
  1315. **Updates**
  1316. - Adds travis CI support with preliminary test coverage for all javascript modules
  1317. **Fixes**
  1318. - Minor Fixes caught with testing suite, related to ensuring proper destroy, init,
  1319. - Minor fixes to edge cases with seting and retrieving internals/settings as default, init, or during run-time on some modules
  1320. ### Version 0.5.1 - Oct 11, 2013
  1321. **Fixes**
  1322. - Fixes issue with modal sometimes closing/opening multiple times caused by changes in 0.5.0
  1323. **Updates**
  1324. - Fixes vertical alignment of checkboxes
  1325. ### Version 0.5.0 - Oct 10, 2013
  1326. **Critical Fixes**
  1327. - Fixes in some UI modules, issue where settings being shared across elements initialized at the same time instead of each instance.
  1328. - Fixes regression where popup was overriding variation class name on positioning
  1329. **Fixes**
  1330. - Fixes an issue where popup that was set to inline: false was being removed prematurely
  1331. - Fixes inheritance issue where grid column may sometimes not appear the correct size
  1332. - Fixes modal hide/show dependency issue where dimmer would not always hide modal and vice-versa
  1333. **Updates**
  1334. - Adds an example to popup where inline is set to false
  1335. - Accordion now comes bundled with proper easing
  1336. - Added onCreate to popup module
  1337. ### Version 0.4.3 - Oct 10, 2013
  1338. **Fixes**
  1339. - Updates dropdown to include proper invoke
  1340. ### Version 0.4.2 - Oct 9, 2013
  1341. **Fixes**
  1342. - Fixes issue with event bubbling being cancelled on dropdown item click
  1343. ### Version 0.4.1 - Oct 9, 2013
  1344. **Fixes**
  1345. - Fixes heart rating color
  1346. ### Version 0.4.0 - Oct 8, 2013
  1347. **Updates**
  1348. - Updated some checkbox stylings
  1349. - Checkboxes markup now more semantic with default markup including only one label tag that can be inside ui checkbox
  1350. ### Version 0.3.8 - Oct 8, 2013
  1351. **Fixes**
  1352. - Display issues with accordion
  1353. ### Version 0.3.7 - Oct 8, 2013
  1354. **Fixes**
  1355. - Fixes modal show/hide action reversal in Webkit
  1356. **Updates**
  1357. - Dimmer can now take different durations for its show and hide
  1358. ### Version 0.3.6 - Oct 7, 2013
  1359. **Fixes**
  1360. - Fixes popup position sometimes appearing off-stage on second apperance
  1361. - Fixes popup positions top left, top right, bottom left, bottom right being flipped
  1362. **Docs**
  1363. - Updates form and accordion docs
  1364. **Updates**
  1365. - Dropdown action default is now automatically determined based on type of dropdown, select dropdowns now will update form fields with default options
  1366. - Adds fluid variation to accordion
  1367. - Adds more html5 form support for forms (deneuxa)
  1368. - Fields can include both field and another level of fields
  1369. ### Version 0.3.5 - Oct 2, 2013
  1370. **Fixes**
  1371. - Fixes radio checkboxes (again)
  1372. - Fixes header content display in icon headers
  1373. ### Version 0.3.4 - Oct 2, 2013
  1374. **Fixes**
  1375. - Transitions now work in Safari versions that do not support animation-direction
  1376. - Fixes accordion in safari styles getting stuck
  1377. - Centering of content in icon header
  1378. ### Version 0.3.3 - Oct 2, 2013
  1379. **Fixes**
  1380. - Fixes modal not working due to destroy teardown in dimmer Issue #153
  1381. - Fixes selector for checkbox to fix radio boxes Issue #154
  1382. - Fixes issue with popup display in some edge cases Issue #128
  1383. **Updates**
  1384. - Headers and lists with icons now do not break with multiline content
  1385. - Examples resize with browser width
  1386. - Updates ACE editor library
  1387. - Code samples now do not change after interacting with examples
  1388. ### Version 0.3.2 - Oct 2, 2013
  1389. **Updates**
  1390. - Dropdown now formats top and right arrow icons automatically with icon coupling with sub menus
  1391. - Updates feed example with more feature examples
  1392. - Adds more sizes to ratings
  1393. - Makes active pagination item style more clear
  1394. - Adds attach events method to modal for attaching modal events to other elements
  1395. - Adds input focus/blur to modal, see Issue #124
  1396. - Adds new methods to rating: 'get rating', 'clear rating', 'disable', 'enable', adds new setting 'clearable'
  1397. **Fixes**
  1398. - Fixes position of menu dropdowns in some cases
  1399. - Updates modal to refocus elements after close
  1400. - Right floated list content now receives left margin
  1401. - List items display issues with icons + content
  1402. - Fixes rating line height issue
  1403. - Fixes rating not being sent as first callback parameter on 'onRate'
  1404. - Lists items now auto clear floats
  1405. - Fixes icon input inside a menu placement issues
  1406. ### Version 0.3.1 - Sep 30, 2013
  1407. **Fixes**
  1408. - Fixes Page Grid still receiving negative margin
  1409. ### Version 0.3.0 - Sep 30, 2013
  1410. **Fixes**
  1411. - Responsive Grid is now called "Page Grid". Responsive grids are now deprecated. This reduces confusion.
  1412. - Negative margins are now automatically removed from grids that are descendents of body tag.
  1413. ### Version 0.2.5 - Sep 28, 2013
  1414. **Fixes**
  1415. - Fixes checkbox selector issue with multiple inputs inside a checkbox
  1416. - Modal no longer uses inline css to center when in fixed position mode
  1417. - Fixes dropdown to now set active item to whatever hidden input field is when using action updateForm
  1418. ### Version 0.2.4 - Sep 28, 2013
  1419. **Updates**
  1420. - Fixes issue with display on Chromebook Pixel and some devices
  1421. - Fixes issues with concatenated version receiving conflicted icon definitions causing icons to not function
  1422. ### Version 0.2.3 - Sep 28, 2013
  1423. **Updates**
  1424. - Fixes issues with modal not swapping to absoultely positioned from fixed when content cannot fit in viewport
  1425. ### Version 0.2.2 - Sep 28, 2013
  1426. **Updates**
  1427. - Fixes invoke returning found function instead of results of found function in dropdown, modal
  1428. ### Version 0.2.1 - Sep 28, 2013
  1429. **Updates**
  1430. - Modals can now have an icon in its left content that will be automatically formatted
  1431. - Preserve 3D animations are now on by default for dimmers
  1432. **Fixes**
  1433. - Transition now forces browser repaint after animation
  1434. - Refactored modal and dimmer components
  1435. - Modal will now resize when browser window resizes if vertical height changes
  1436. - Fixes issues with dimmer settings sticking between separate modals with the same dimmer.
  1437. ### Version 0.2.0 - Sep 28, 2013
  1438. **New**
  1439. - Adds responsive modal styling, modal always now sits with 5% gutters under page grid responsive styling
  1440. - Adds basic modal variation
  1441. **Fixes**
  1442. - Issue with modal active state not being removed correctly from modals
  1443. - Swaps modal and dropdown to use same variable naming pattern as rest of modules
  1444. - Removed selector count from performance logs
  1445. ### Version 0.1.0 - Sep 25, 2013
  1446. **New**
  1447. - Added new font icon set using Font Awesome port
  1448. - Adds dropdown icon sexiness to accordions, now with rotating pointing arrows
  1449. - Added old icon set as a separate basic icon set
  1450. - Added fluid input variation
  1451. - Increased size of corner labels
  1452. - Adds relaxed grid variation with increased gutters
  1453. - Added relaxed and very relaxed list type with increased padding
  1454. **Fixes**
  1455. - Rating icon missing font content with icon font update
  1456. - Padding on side of rating
  1457. - Adds horizontally padded, vertically padded menu item variations to allow menu items to remove padding
  1458. - Added fixes to tabular menu especially with attached content
  1459. - UI Loaders now positioned automatically in all circumstances, even with long text
  1460. - Connected items no longer assume 3 items per row
  1461. - Fixes display of left corner icon labels
  1462. **Updates**
  1463. - Updated documentation for sidebar, transition, and form validation
  1464. - Updated list docs
  1465. - Accordion settings documentation
  1466. - Rating settings documentation