CHANGELOG.md

1.0.0-beta.8 "fermium-flamingo" (2014-06-16)

Bug Fixes

• cancelAnimationFrame: polyfill in ionic.DomUtil (a0577346)
• content: scroll=false in sidemenu hides content (53c17104, closes #1485)
• css: reset FirefoxOS default gradients (5f1ea5f6, closes #1426)
• headerBarView: check for null in getTextBounds (be351ce1, closes #1377)
• tap: error when releasing outside of browser (8da9f34b, closes #1612)

Features

• ionicons:
  • upgrade to v1.5.2 (17ee672f)

1.0.0-beta.7 "einsteinium-emu" (2014-06-12)

Bug Fixes

• $ionNavView: prevent read property 'name' of null (4831f489, closes #1587)
• $ionicActionSheet:
  • stop memory leak due to hidden element staying in dom (b7646a56)
  • fix problems with cancel() not being called (323e2ce2, closes #1013, #1576)
• .slide-in-right: fix leave animation being same as enter (024f51d3, closes #1610)
• backdrop: Changed z-index for loading backdrop only. (4c700e9c, closes #1428)
• collectionRepeat:
  • remove elements at correct time when leaving page (30a3c8e0)
  • use $rootScope when checking if digest is needed (74a46122, closes #1518)
• firefox: Add FF 19+ style vendor prefixing (bit.ly/1tLz8Qp) (5286a0c4, closes #1574)
• headerBar: More accurate scroll-to-top detection (1a7c1f1d)
• ionItem:
  • make target attribute work properly (f5f5851b, closes #1521)
  • Pass target attributes on tags on to the actual tag. (4136db00, closes #1492)
• ionNavBackButton: stop flicker when pressing back on ios (cec3a422)
• ionRadio:
  • make value attribute work (5fd5e009)
  • correctly interpolate ngValue instead of compiling (948cffeb, closes #1464)
• ionRefresher: be sure to run on-refresh with an angular digest (979f7b52, closes #1465)
• ionScroll: let zoom work on android devices (e88659c6, closes #1440)
• listView:
  • avoiding potential memory leak from assigning properties directly to an element (d7793463)
  • position dragged list item properly when list view's parent is offset. (afdf0ad7, closes #1583)
• loading: backdrop higher z-index (bfce8e27)
• modal: error message for modal show after remove (003659b6)
• nav: make fewer z-index assumptions while animating in ios7 animation (02f5fcb7)
• popup: focus on first input (71efd51b, closes #822)
• radioButtons: Correcting a bug introduced by 521164db786a0b836b5b8149816f50da55c6a82a. (ead5e026, closes #1599)
• scroll: input text selecting w/ mouse events (86e1fe9a, closes #1475)
• tap:
  • ignoreScrollStart w/ data-tap-disabled (772459df, closes #1505)
  • cancel simulated click w/ hold events (f5bb023e)
• test: Use HTML5 doctype on all tests., #1524 (18391589, closes #1539)

Features

• $ionicActionSheet: add cancelOnStateChange option, default true (087e55f3, closes #1318)
• $ionicModal: add hardwareBackButtonClose as option, default true (9ffca1e4, closes #1397)
• $ionicSlideBoxDelegate: add start() to resume after stop (e4ab045e, closes #1584)
• angular: update to AngularJS v1.2.17 (89d5553d)
• collectionRepeat: huge optimization upgrades (6af5d68d, closes #1597)
• gestures: added gesture directives (a2dcaf13, closes #829)
• ionScroll: add has-bouncing=true/false attribute (00c80e85, closes #1573, #1367)
• ionTab: add class attribute to tab items (e6f79cc0)
• ionic.Platform: add ionic.Platform.setGrade() function (05dd7b18, closes #1104)
• itemFloatingLabel: add floating labels: 'item-floating-label' class (050b4f25, closes #1611)
• platforms: Android and iOS Specific Styles and Transitions (c30be67f)
• scrollView: better deceleration for scroll view on iOS (9c77089a)

Breaking Changes

• $ionicActionSheet's default behavior is now to cancel when the app's state changes. To disable this behavior, pass cancelOnStateChange: false into $ionicActionSheet.show().

(087e55f3)

• $ionicActionSheet now returns a method to hide the action sheet.

Previously, it returned an object that had a show and hide method. This was undocumented, but if you used it, here is how to migrate your code:

Change your code from this:

var sheet = $ionicActionSheet.show({...});
sheet.hide();

To this:

var hideSheet = $ionicActionSheet.show({...});
hideSheet();

(b7646a56)

1.0.0-beta.6 "darmstadtium-dingo" (2014-05-21)

Bug Fixes

• click: fix mouseup click for ion-option-button (29ee6407)
• collectionRepeat: fix rare NPE error on android 4.1 (94f0b5b7, closes #1292)
• input: fix long input text adjusting left on focus (e6b5ff22, closes #1390)
• ionContent: make content scrollable if it is a child of a non-scrollable content (488bd5c0, closes #1421)
• ionFooterBar: properly offset content for bar-subfooter (46e33664)
• ionReorderButton: fix onReorder not triggering an angular digest (cc46735c)
• ionSlideBox: fix regression allowing slide past boundaries (ec5a2763, closes #1414, #1405, #1409, #1321)
• requirejs: fix bug with requirejs & loading order of angular taps (36181091)
• scrollView:
  • make xy scrolling work on ionScroll and ionContent (49f06f9c, closes #1462)
  • fix clonedInputs not being removed for large textareas on keyboardshow (88e41e1a, closes #1420)
  • on desktop, make mousewheel only scroll the scrollView under the mouse (3250d10d, closes #1376)
  • stop memory-leak when destroying scrollView (4a210130, closes #1096)
• tap: select tag not working in IE (7059b818, closes #1435)

Features

• footer: keyboard-attach attribute directive to position footer above keyboard (09d1197a)

1.0.0-beta.5b "cadmium-camel" (2014-05-14)

Bug Fixes

• sideMenu:
  • do not let the user scroll the whole body by dragging the menu horizontally (6e149eef)
  • fix disabled menu links (fa8aa6a8, closes #1388)

Features

• checkbox: right align w/ .item-checkbox-right (610e2328, closes #1290)

1.0.0-beta.5 "barium-bobcat" (2014-05-14)

Bug Fixes

• $ionicLoading: do not flicker when showing long loading messages (90e7395e, closes #1252)
• .slide-left-right-ios7: do not give borders to header/footer bars (30a9da19, closes #1232)
• .tab-item: make it work with activator (1b1c234f, closes #1317)
• CustomEvent: fix IE CustomEvent polyfill (191464c9)
• activator: properly activate elements nested inside an item (3c15b118)
• button: fix icon vertical alignments for IE 10 (930794cd)
• e2e-tests: disable ionic-tap during e2e tests (636ca943, closes #1310)
• footer: Fix placement of .bar-footer.item-input-inset (eaee564d, closes #1325)
• header: Set a height for .bar .title (0c960b54)
• headerBar: tap to scroll to top only on the nearest scrollview (58c97e0d, closes #1329)
• input:
  • vertically align date input text (e5af75fa, closes #1147)
  • transparent bg for .item-input-inset input (08f0adb1)
• ion-header-bar: when hidden, correctly offset the ion-content (efa61844, closes #1351)
• ionCheckbox: make ng-checked and ng-change work (a006d896, closes #1349)
• ionItem: transform to <a> tag for ui-sref (c6c1300b)
• ionNavButtons: do not append if page is removed very quickly (24a488bb)
• ionToggle: stop error in edge case of drag ending before raf (d108a29e)
• ionView:
  • make it set navbar if title changes back to old value (919d4f8d, closes #1121)
  • make sure title is set correctly in edge cases (4814a63b)
• listView: reordering upwards in a list is more responsive, fix scrolling error (df9c0747, closes #1202)
• refresher: make arrow spin correctly (2ec01733, closes #1319)
• scroll:
  • scroll inputs correctly with footer (373c0cd4)
  • Scrolling using pointer events (ed3ee1d0)
• select:
  • hide .item-select arrow in WP8 (cb597d76)
  • select option in desktop Firefox (65749a40, closes #1251)
  • Open select options on Android 2.3 (d839f4da, closes #1298)
• sideMenu: Disable content interaction when menu open (76d4c083, closes #1339)
• tap:
  • Normalize taps w/ pointer events also (1a2e501f)
  • Prevent different input focus after 300ms delay (8730e62e, closes #1370)
• textarea: Allow scroll in textarea when focused (5f2fdfdd, closes #1280)

Features

• $ionicModal: allow configuration of backdropClickToClose (291d723a)
• ionNavBackButton: make pressed state work (8d34ab28)
• platform: added isWindowsPhone() method (08e4b3d9)
• tap: Make TAP_RELEASE_TOLERANCE configurable (27369930)
• touch-action: add touch-action: manipulation (40cd6f72)
• ui-router: upgrade to angular-ui-router v0.2.10 (b9353e71, closes #941)

Breaking Changes

• ion-checkbox no longer has an isolate scope.

This will break your checkbox only if you were relying upon the checkbox having an isolate scope: if you were referencing $parent.value as the ng-disabled attribute, for example.

Change your code from this:

<ion-checkbox ng-disabled="{{$parent.isDisabled}}"></ion-checkbox>

To this:

<ion-checkbox ng-disabled="{{isDisabled}}"></ion-checkbox>

(a006d896)

1.0.0-beta.4 "antimony-antelope" (2014-05-07)

Bug Fixes

• .pane: Remove overflow:hidden from .pane,.view (64f0030b)
• .tabs-icon-*: only work on directly descendant tabs (77f26831, closes #1261)
• bar: properly align titles if switching to view with no buttons (ade143ed, closes #1242)
• collectionRepeat: correctly save user scroll position on back (0a640758)
• ionItem: fix error when repeating (f370db45)
• ionSlideBox:
  • fix disable-scroll attr, deprecate in favor of $ionicSlideBoxDelegate.enableSlide(true/false) (1bdb5e8d, closes #1113)
  • prevent NPE during drag (920dc59d, closes #1240)
• modal: Remove modal flicker, closes #1150 (d2ebed84)
• scrollView: recalculate size on mousewheel scroll (89a9ed15)
• select: Select options w/ mouse events, closes #1251 (e3306293)
• tap: input[file] clicks within ion-content, closes #1237 (05a6d7cc)
• toggle: Right side padding for item-complex, closes #1091 (45106a6a)
• transitions: Disable transitions on Android 2, closes #780 (9c58d47b)
• viewport:
  • Auto update viewport tag (5f8e9040)
  • Remove height value on iOS browser (0ad10ede)

Features

• $ionicLoading: on android, no back button action while loading (fc8711c7, closes #1273)
• $ionicModal: close on backdrop click on desktop/tablet (554c4398, closes #1087)
• ionNavBar: allow navbar inside ion-view to transition whole bar (42177c3b, closes #1232)
• sideMenu: make android back button close side menu (10103559, closes #1264)

1.0.0-beta.3 "americium" (2014-04-30)

Bug Fixes

• $ionicModal: do not inherit has-header etc from parent scope (6c0c8350, closes #1191)
• .pane: make pane class have overflow: hidden; fixes scrolling whole page from header/footer errors (dca87e2c, closes #1218)
• android-2.2: use string notation for reserved 'class' keyword (3bcf06f2, closes #1228)
• collectionRepeat: allow percent expressions (94bcbf75)
• infiniteScroll: allow to fire if list does not fill up screen (e35b95e1)
• ionHeaderBar: have no side effects with content in other views (7fd31b6a, closes #1095)
• ionList: make reorder follow an offset list as it scrolls (3a68a2c9)
• ionRadio: pass name property down to input element (9995f46b, closes #1229)
• ionTab: make it so tabNav works with ngRepeat (288d4ac2)
• ionView:
  • initialize hideBack/hideNav to false if undefined (5e56c2d6)
  • only $watch attributes if defined (12e5f6c1, closes #1216)
• scrollView: stop polluting global.core (8992e7c9)

Features

• $ionicActionSheet: allow html binding of buttons and title (3e5b39f2, closes #1219)
• $ionicPopup: on android, make back button close popup (b87bcb30, closes #1222)
• $ionicSlideBoxDelegate: add enableSlide(true/false) method (e003bf18, closes #1122)

1.0.0-beta.2 "aluminum" (2014-04-28)

Bug Fixes

• $ionicActionSheet: provide default functions for options (ba39fb00, closes #1013)
• $ionicLoading: stop race condition with show and hide (eb1dee93, closes #1100)
• $ionicModal: make it use jqLite#remove() (104c6420, closes #1138)
• $ionicPopup:
  • stop race condition with show then hide (698c93fc)
  • make it work if jquery is included (21ff7547, closes #1027)
• active: Taps/clicks now use .activated instead of .active, closes #913 (870dcd6f)
• bar: Increased button icon font size (8847774f)
• checkbox:
  • Remove tap highlight and fix checkbox appearance in Firefox, closes #496 (b0b446d5)
  • stretch checkbox's clickable area to full width (5238f8f3)
  • Entire row of an .item w/ a checkbox is now tappable, closes #995 (ac94bb23)
• header: Header input too long on Android 4.2, closes #1081 (b654e02e)
• input: Fix to hide input overlays on old Android (0e9072e4)
• ion-scroll:
  • removed 100% height (f0d33981)
  • added display block (d295aee4)
• ionContent:
  • fix scoping with ngController (6abce8f7, closes #1155)
  • do not let child scopes inherit has-* classes (a5eb48b9, closes #924)
• ionHeaderBar:
  • do not tapScrollToTop for inputs (5722900a, closes #1199)
  • make it align after elements properly load (d00aaa59)
• ionInfiniteScroll:
  • remove listener on $destroy (08da6f75)
  • work properly if past horizontal boundaries (d58fff72, closes #1073)
• ionList:
  • disable swiping of items while option buttons are shown (81676e6e)
  • do not let option button click propagate to item (a845ff34)
  • disable tap on element being edited (634b3971)
  • make reorder position work if list is offset (90da2da6)
  • show reorder/delete on item creation if list is showing (09a77299, closes #1181)
• ionNavBar: adjust has-header if ionNavBar is hidden (41b73abf, closes #927)
• ionNavButtons:
  • fix side="left" flicker with back button on ios (b6266889)
  • multiple ionNavButtons elements align correctly (58de2671, closes #930)
• ionRefresher: do not animate pulling-text (5c893ab8, closes #909)
• ionTab: make sure all tab-nav attributes are re-interpolated on change (757f1819, closes #955, #1071)
• ionView: do not set navbar title if no title attr set (d53eab81, closes #915)
• ionicPopup: if input exists, focus it. else, focus first button (93aa16a7, closes #1176)
• ionicTabBar: detect if matches state in all cases (ee2b7686)
• item:
  • Vertically align nav icon w/out flexbox to prevent android crashes, #928 (5b0f5d02)
  • Fix css overflow overrides for .item-text-wrap (04b4d771)
  • Fix delete icon alignment in .item-icon.left, closes #946 (044211de)
• labels: Fix .input-label's width for androids w/out full flex box support, #998 (096a01c1)
• listView: fixed active state on scroll (040af824)
• loading: fix not hiding after two shows, always cancel delay (4216266f, closes #1130)
• modal: Increase delay of removing .modal-open to prevent focus under modals (83fd11c5)
• navClear:
  • only set viewOptions if click leads to state change (4dffc5f6, closes #1043)
  • be sure it runs before ngClick (4f47bf24, closes #1047)
• popup: Backwards compatible remove popup from DOM, closes #851 (441a21c4)
• range: Fix range being able to slide when in a side menu, closes #318 (2fbdebcd)
• refresher: get rid of flickers except on droid-4.4 (ad671848, closes #1014)
• scroll:
  • Allow scrolling when touchstart target is an input, #1078 (8af018b1)
  • Fix input focus when tapped, do not scroll when target is an input, closes #1020 (66ecec70)
  • Do not ignore taps if the target was an input, #997 (e6f56237)
  • Fix scroll for devices w/out dataset support, closes #976 (bfcf2650)
• scss: make tabs,header,footer aligned right with statusbar (c2a38a6d)
• tabs: Tab icon align within nested tabs, closes #1093 (2a6f7029)
• tabs-item-hide: only hide tab nav items (a7eb521c)
• tap:
  • Do not preventDefault after input focus, #1068 (a977332f)
  • Remove 300ms delay when tapping select elements (cf686548)
  • Prevent clicks from firing after scrolling, #579 (cb602b58)
  • Deactivate elements during scroll at the same time click is ignored, #997 (3ee5ea77)
  • Do not simulate a click if it was from a touchcanel event, closes #1015 (78510099)
  • Prevent multiple clicks when overriding cordova object, closes #1022 (5f3a1d21)
  • Prevent "clicking" when scrolling (f3bd258c)
  • Increate isScrolledSinceStart from 2px radius to 15px, #970 (9a49129a)

Features

• $ionicBackdrop: add backdrop show/hide service (730a33b9, closes #1084)
• $ionicModal:
  • pass modal instance to modal.shown/modal.hidden events (a19e3b62, closes #1065)
  • show/hide/remove return promises for animating (39385008)
• $ionicNavBarDelegate:
  • showBackButton returns whether bar is shown (933a555e, closes #1076)
  • showBar returns whether navbar is shown (24a415c3)
• $ionicScrollDelegate:
  • add getScrollView(), getScrollPosition() (b5ef9313, closes #1117)
  • add scrollBy(left,top,animate) to delegate (f847c208, closes #987)
• $ionicSideMenuDelegate:
  • add isOpen() method (518e54ee, closes #1074)
  • add getOpenRatio() method (ac0e981f, closes #944)
• avatar: Adding .item-avatar-left and deprecating .item-avatar (9bac6050)
• collection-repeat: add repeat lsdirective for huge lists (f0a1c037)
• grid: Added .row-baseline and .row-stretch (e0e7a83b)
• ionCheckbox: allow ng-disabled attribute (d2e54a82, closes #939)
• ionContent: don't wrap in a .scroll element if scroll="false" (73da93d4, closes #841)
• ionNavBar: make back button animated (97257938, closes #1030)
• ionSlideBox: add pager-click attribute (d6c960c2, closes #785)
• loading: Moved loading scss to its own file and added variables, closes #984 (e3491864)
• select: Styled select elements, both inline and as a list item (8a12f2d1)

Breaking Changes

• $ionicPopup.show()'s button onTap function has changed.

When using $ionicPopup.show(), previously a button's onTap function would only result in closing the popup and resolving the promise if the onTap(event) function returned a truthy value.

Now, a button's onTap event will always close the popup and resolve the popup's promise, no matter the return value, by default. The only way to prevent the popup from closing is to call event.preventDefault().

Change your code from this:

$ionicPopup.show({
  buttons: [{
    onTap: function(event) {
      if (!shouldClosePopup) {
        return false;
      }
    }
  }]
});

To this:

$ionicPopup.show({
  buttons: [{
    onTap: function(event) {
      if (!shouldClosePopup) {
        event.preventDefault();
      }
    }
  }]
});

(cb1a5f62)

• The developer should be stating exactly how an icon should show, but previously the right nav arrow icon violates this by automatically showing a right arrow when an item was an anchor or button. Instead of using the :after item selector, which was always applied by default, it uses the same markup as item-icon-right, which is easier to understand, customizable and not a hard coded default.

This change removes the :after nav icon styling, and creates a new class, icon-accessory, based off of similar CSS. The change makes a nav arrow highly customizable, allows RTL developers to easily control the arrow direction, and the accessory class is something that's reusable.

An example of right side arrow using ion-chevron-right as the icon:

<a class="item item-icon-right" href="#">
  Check mail
  <i class="icon ion-chevron-right icon-accessory"></i>
</a>

(c7e3defc)

• ionic.Platform.isCordova() has been renamed to ionic.Platform.isWebView() (5c300dd3)
• ion-list syntax has changed in favor of simplicity & flexibility.

Relevant documentation: ionList, ionItem, ionOptionButton, ionReorderButton, ionDeleteButton, $ionicListDelegate.

To migrate, change your code from this:

<ion-list option-buttons="[{text:'hello',type:'button-positive',onTap:tap()}]"
          on-delete="onDelete(el)"
          delete-icon="ion-minus-circled"
          can-delete="true"
          show-delete="shouldShowDelete"
          on-reorder="onReorder(el, startIndex, toIndex)"
          reorder-icon="ion-navicon"
          can-reorder="true"
          show-reorder="shouldShowReorder">
  <ion-item ng-repeat="item in items">
    {{item}}
  </ion-item>
</ion-list>

To this:

<ion-list show-delete="shouldShowDelete"
          show-reorder="shouldShowReorder">
  <ion-item ng-repeat="item in items">
    {{item}}
    <ion-delete-button class="ion-minus-circled"
                       ng-click="onDelete(item)">
    </ion-delete-button>
    <ion-reorder-button class="ion-navicon"
                       ng-click="onReorder(item, $fromIndex, $toIndex)">
    </ion-reorder-button>
    <ion-option-button class="button-positive" ng-click="tap()">
      Hello
    </ion-option-button>
  </ion-item>
</ion-list>

(986dbac8)

• Before, if you did not have a title attribute set on your ion-view, it would transition into that view and erase the navbar's current title.

Now, if your ion-view does not have a title attribute set, the new view will be transitioned in, but there will be no title change.

If you wish to have a blank title on your new view, you must now explicitly set your ion-view's title attribute to an empty string.

To migrate your code, change from this:

<ion-view></ion-view>

To this:

<ion-view title=""></ion-view>

(d53eab81)

1.0.0-beta.1 (2014-03-25)

Bug Fixes

• active: Updated which elements to set active class along w/ tests, closes #857 (423f9e4f)
• badge: Badge horizontal alignment over item right side buttons, closes #826 (ded46931)
• click:
  • Increase the ghost click prevent delay for grade C devices (001bcca4)
  • enter key submission blocked. (72ee799c, closes #819)
  • Click Events In SlideBox Fire Multiple Times, closes #808 (f8a71377)
• domready: Fixed if firing off callbacks when DOM was already ready (a637fb4d)
• grid: Correct responsive grid breaks for col-XX, closes #803 (8fae85e9)
• input: Fix input label from shifting when text is too long on iOS, closes #801 (b8d4c51f)
• ionList: only stop side menu drag if canSwipe (c653e83c, closes #709)
• ionTab: stop browser-tooltip from appearing due to title attr (aa30faf8, closes #804)
• item:
  • Restructure item editing css for added reusability and organization (07c824db)
  • fix avatar/thumbnail in .item-complex, and avatar misspelling (947b8d69)
• listView:
  • send index on delete. (75107771, closes #849)
  • only allow one swipeable item open. (73b750fb, closes #763)
  • No slide drag if no hidden buttons. (4e605979, closes #847)
• pointer: Add pointer styling to .item[ng-click], closes #858 (aa280910)
• popup:
  • Ensure popup is usable on top of a modal, closes #838 (6ebfe776)
  • focus popup. (dddc34d8, closes #820)
• range: Clicking Line For Range Causes Drag Button To Follow Mouse, close #779 (26c8f304)
• reorder: Prevent scroll w/ data-prevent-scroll attr on reorder btn, closes #848 (f1ed4b00)
• scrollView:
  • browserify issue: undefined core (cd27e1b7, closes #825)
  • pull to refresh spin back. (049aabc7, closes #774)
  • show bar with mouse wheel. (d5a69575, closes #809)
  • don't show bars if not scrolling. (cb686636, closes #805)
• tabs: Renamed .tab-item active state from .active to .tab-item-active, closes #866 (24160aa0)
• tap:
  • Trigger clicks if touch/click held for more than 250ms, closes #791 (60e45333)
  • Reset startCoordinates on touchend/mouseup, closes #874 (76a53134)
  • Remove select element from tap checking, closes #836 (3d917c83)
• toggle: Changed tap listener to use "release", closes #882 #881 (b1a7c199)

Features

• $ionicLoading: implement backdrop class (57d71ed6, closes #837)
• $ionicScrollDelegate: rememberScrollPosition, scrollToRememberedPosition (5a0efece)
• content: automatically add/remove has-* classes to content (e94d4006, closes #619)
• grid: Remove column offset with responsive grid breaks (73ba2a40)
• ion-content: watch padding attribute (532d473e)
• ionTabs: add available tabs-item-hide class (5966dbf4, closes #395)
• ionic: remove all delegates (dbe4e390)
• ionicNavBar: add getTitle() and getPreviousTitle() methods (215b1c1e)
• loadingView:
  • add setContent method (366bd686, closes #732)
  • add setContent method (e5cba05e)
• navclear: Ability to disable the next view transition and back button (f744d9eb)
• popup: Support for programatically closing popup. (dc2b24ed, closes #854)
• progress: Set progress element's default width to 100%, closes #872 (b9cde47d)
• ready: Add 'platform-ready' css class to the body when the platform is ready (681a6a2e)
• sideMenu: Added directive for simple toggling (5a89df43)

Breaking Changes / Migration Guide

• ionTabs: tabs-type and tabs-style removed. Use classNames instead.

Relevant Documentation: ionTabs.

Old Code:

<ion-tabs tabs-type="tabs-top" tabs-style="tabs-positive" animation="slide-left-right">

New Code:

<ion-tabs class="tabs-top tabs-positive slide-left-right">

• ionHeaderBar, ionFooterBar: remove type, title, left-buttons, right-buttons.

Relevant Documentation: ionHeaderBar, ionFooterBar.

Old Code:

<ion-header-bar type="bar-positive" 
  title="{{someTitle}}" 
  left-buttons="left" 
  right-buttons="right">
</ion-header-bar>

New Code:

<ion-header-bar class="bar-positive">
  <div class="buttons">
    <button class="button" ng-click="leftButtonTap()">
      Left Button
    </button>
  </div>
  <h1 class="title">{{someTitle}}</h>
  <div class="buttons">
    <button class="button" ng-click="rightButtonTap()">
      Right Button
    </button>
  </div>
</ion-header-bar>

• ionNavBar, ionView: Remove left-buttons, right-buttons, type, animation, back-button-* attributes from ionNavBar. Remove left-buttons, right-buttons from ionView.

Additionally, all 'viewState.*' events have been removed. Use $ionicNavBarDelegate.

Relevant Documentation: ionNavBar, ionView, ionNavBackButton (new), ionNavButtons (new).

Old Code:

<ion-nav-bar type="bar-positive" 
  animation="slide-left-right" 
  back-button-type="button-icon"
  back-button-icon="ion-arrow-left-c"
  back-button-label="Back">
</ion-nav-bar>
<ion-nav-view>
  <ion-view left-buttons="leftButtons"
    title="someTitle"
    right-buttons="rightButtons">
  </ion-view>
</ion-nav-view>

New Code:

<ion-nav-bar class="bar-positive slide-left-right">
  <ion-nav-back-button class="button-icon ion-arrow-left-c">
    Back
  </ion-nav-back-button>
</ion-nav-bar>
<ion-nav-view>
  <ion-view title="someTitle">

    <ion-nav-buttons side="left">
      <button class="button" ng-click="leftButtonTap()">
        Left Button
      </button>
    </ion-nav-buttons>
    <ion-nav-buttons side="right">
      <button class="button" ng-click="rightButtonTap()">
        Right Button
      </button>
    </ion-nav-buttons>

  </ion-view>
</ion-nav-view>

• ionSideMenuContent: is now an element directive.

Relevant documentation: ionSideMenus, ionSideMenuContent, ionSideMenu.

Old Code:

<ion-side-menus>
  <ion-pane ion-side-menu-content>
  </ion-pane>
</ion-side-menus>

New Code:

<ion-side-menus>
  <ion-side-menu-content>
  </ion-side-menu-content>
</ion-side-menus>

0.9.27 "Salamander" (2014-03-15)

Bug Fixes

• actionsheet:
  • Use transition instead of animation for backdrop, fix for Android 2.3 (c91622b7)
  • Dismiss actionsheet when tapping backdrop, closes #733 (668c646f)
  • Fix slide-up animation, closes #713 (44b31e18)
• backbutton: Allow only one back button listener to run per click, closes #693 (a491f22c)
• badge:
  • Vertical align a badge in an item-divider, closes #707 (cb5510c1)
  • Update badge alignment in tab items, closes #694 (c4eed02f)
• button:
  • Correct vertical alignment of header right buttons, closes #704 (438f5fba)
  • Tweak vertical alignment of button icons, closes #739 (7ec0605e)
• checkbox: Fix checkmark in Android 2.3 (717148d9)
• colors: Update all #4A87EE colors to use $positive color, closes #731 (d113ddfa)
• footer: Show footers within tab content, closes #728 (9c5772f3)
• history: Separate histories and views, clear other views in clearHistory(), closes #724 (c99427aa)
• input: Correct vertical alignment of inputs and their labels, closes #799 (6547ca60)
• ionTabs: do not pre-transclude; stops error on compile (ecfdbaa6, closes #730)
• item:
  • Fix badge moving to new line when text is too long, closes #551 (4d366710)
  • Fix item-icon-left / right animating Ionicon not centered, closes #670 (11a4338d)
• list: Drag to expose list option buttons, closes #701 (25650005)
• modal:
  • Do not apply the same modal animation to all of its children, closes #683 (9cff5d03)
  • Fix removing modal from DOM on .remove(), closes #755 (c4ca7a85)
  • Improve slide-up/down animations, remove flickers (b593cf1b)
• navView: _getView renamed to _getViewById, closes #736 (78206d0e)
• platform: Fix Platform.showStatusBar so it can be used multiple times, closes #702 (a6c47cd3)
• sideMenu:
  • Not snapping on close on certain conditions #795 (a5899918)
  • Fix flashing when closing right side menu, closes #556 (a0d60d52)
  • Close side-menu if open and content tapped, closes #648 (0c5c6751)
• sideMenuController: sticking issue #738 (ea04e393)
• sidemenu: Side menu always needs to have translate3d applied, closes #710 (16ac2ff1)
• tap:
  • Do not trigger a click if the element was scrolled after touchstart/mousedown (98e7e1aa)
  • Do not detect taps for input[type=file], closes #652 (6f2d6e7c)
• toggle: Fix toggle handle on Android 2.3 (72f2e840)

Features

• active: Removing use of :active in favor of .active for more control of active state (baa04cde)
• animation: Add right to left animations, and their reverse, for RTL support, closes #643 (4628b9fb)
• ionInfiniteScroll:
  • allow configuration of icon and text through icon and text attributes (5f2c32ea)
• ionRefresher: allow custom text & icons through pulling-text, pulling-icon, refreshing-text, refreshing-icon attributes. (573df56d, closes #760)
• modal:
  • On larger displays modals will be inset and centered, not full width/height, clo (ba2a40c8)
  • Create a modal backdrop wrapper w/ internal modal directive, closes #605 (7d076bd5)
• popup: Added popup support (a30b0b7d)
• toggle: Added dragging support to toggle switches (cc15a5b4)

Breaking Changes

• on-refresh and on-refresh-opening are no longer on the ion-content directive. They are on the ion-refresher. In addition, on-refresh-opening has been renamed to on-pulling.

Change your code from this:

<ion-content on-refresh="onRefresh()"
  on-refresh-opening="onRefreshOpening()">
  <ion-refresher></ion-refresher>
</ion-content>

To this:

<ion-content>
  <ion-refresher on-refresh="onRefresh()"
    on-pulling="onRefreshOpening()">
  </ion-refresher>
</ion-content>

(573df56d)

• on-infinite-scroll and infinite-scroll-distance are no longer attributes on the ion-content directive. They are on the ion-infinite-scroll element.

Chang your code from this:

<ion-content on-infinite-scroll="onInfiniteScroll()"
  infinite-scroll-distance="1%">
</ion-content>

To this:

<ion-content>
  <ion-infinite-scroll on-infinite="onInfiniteScroll()"
    distance="1%"
  </ion-infinite-scroll>
</ion-content>

ionHeaderBar's title attribute is now interpolated.

Change this code: <ion-header-bar title="myTitleVar"></ion-header-bar>

To this code: <ion-header-bar title="{{myTitleVar}}"></ion-header-bar> (a8e1524c) * ionicSlideBox#getPos has been renamed to ionicSlideBox#currentIndex.

ionicSlideBox#numSlides has been renamed to ionicSlideBox#slidesCount. (1dd55276)

0.9.26 "Rabbit" (2014-02-26)

Bug Fixes

• actionsheet: Actionsheet in modal has pointer-events enabled, closes #660 (1503cc72)
• click: event.preventDefault() when setting focus() on an input, closes 583 (fc8ab4b8)
• ionContent:
  • Update scss for ion-infinite-scroll element (788df524)
  • Use new name to find ion-infinite-scroll element (1702f5c9)
• ionPrefix: disableRegisterByTagName updated w/ ion- prefix for correct view history (2494b5f9)
• ionSideMenu: use manual transclude instead of ngTransclude (991d3cfd, closes #666)
• ionTabs: cleanup and fix many issues (0f1b6f47, closes #597)
• ionicScrollDelegate:
  • do not error if no scrollTop/Left values (9e942f89, closes #659
• item: degrade .item right arrows by grade for low end devices (3a69bb34)
• loading: make showDelay option work correctly (7281e2ab, closes #562)
• modal:
  • Fix modal animation for firefox, closes #671 (0033c880)
• navBar:
  • animations, hide back button, no flicker (465ea769, closes #653)
• platform: Update ionic.Platform.is() to check all platforms, closes #604 (fcd0fa73)
• sideMenu: remove translate3d when not needed, close #636 (07092f00)
• slideBox: make does-continue attribute work continuously (f6ec6a3c, closes #575)
• tabs:
  • Double tapping a tab would set the wrong view history, closes #656 (f0faae16)
• text-rendering: Disable text-rendering:optimizeLegibility for low end devices (10289466)
• thumbnail: Correctly apply thumbnail style to item directive, closes #509 (977c1cc6)
• transform: Polyfill style.transform to work w/ non-webkit (52671c18)

Features

• grade: Set grade in body class depending on platform performance (b69b40c8)
• ionContent: use child scope instead of isolate scope (49e0dac9, closes #555)
• ionInfiniteScroll: use event system (7b0716c2, closes #661)
• ionNavAnimation: <a href="#/page" ion-nav-animation="slide-in-up"> (8354d42b)
• item: Auto right-arrow for complex list items w/ ng-click/href, closes #472 (327a6866) (110ff9f4, closes #243)
• sass: All variables now have !default assigned, closes #631 (53af2c7a)
• scrollbar: Do not use rgba background for scrollbar on grade-b and c devices (805c35c1)
• sideMenu:
  • Degrade .menu-content box-shadow w/ platform grade for animation performance (d2a0780b)

Breaking Changes

• The binding for ionInfiniteScroll has changed, as well as how you finish it.

If you had this code before:

<ion-content on-infinite-scroll="doSomething"></ion-content>

function MyCtrl($scope) {
  $scope.doSomething = function(scrollDoneCallback) {
    doSomething();
    scrollDoneCallback();
  };
}

Now, your code should look like this:

<ion-content on-infinite-scroll="doSomething()"></ion-content>

function MyCtrl($scope) {
  $scope.doSomething = function() {
    doSomething();
    $scope.$broadcast('scroll.infiniteScrollComplete');
  };
}

0.9.25 "Quokka" (2014-02-19)

Bug Fixes

• anchorScroll: find offset of nested elements correctly (17cc0408, closes #618)
• click: event.preventDefault() when setting focus() on an input, closes 583 (fc8ab4b8)
• ionicLoading: make showDelay default to 0 (was 2000) (0d3718cc)
• ionicScrollDelegate: tapScrollToTop won't fire for button tap (70d95249, closes #557)
• loading: make showDelay option work correctly (7281e2ab, closes #562)
• modal: do not click buttons underneath modal (9bc928f0)
• navBar: animations work properly (749cd382)
• scrollView:
  • allow contenteditable element to be pressed normally (39ad3e0b, closes #421)
  • fix error from checking device before ready (a5d96473)
  • cancel scrollTop every time hash is set (e1b6fd4f)
  • do not stop scrolling if stopped beyond boundaries (1aef593f)
• tabs: broadcast tab.shown/tab.hidden to only child scopes (69fda4e5)

Features

• angular: Update to Angular v1.2.12, closes #600 (97f4f6ea)
• button: Increase hit area size of a button (c168b489)
• event: Created stopEvent directive to use for certain ng-click cases, closes #550 (8b308a17)
• ionic: prefix all directives with ion- (2c39a214)
• modal:
  • add .isShown() method to modal instances (e106457e, closes #320)
  • $broadcast 'modal.shown/hidden/removed' from parent scope (110ff9f4, closes #243)
• navBar: allow expression in type. <nav-bar type="{{myType}}"> (5470d77a, closes #599)
• sideMenu: allow and watch attrs width & is-enabled (bfefc69f)

Breaking Changes

• All directives are now prefixed with ion-.

For any directive you use, add the ionic prefix.

For example, change this HTML:

<tabs>
  <tab title="home" href="/tab/home">
    <content>Hello!</content>
  </tab>
</tabs>

To this HTML:

<ion-tabs>
  <ion-tab title="home" href="/tab/home">
    <ion-content>Hello!</ion-content>
  </ion-tab>
</ion-tabs>

(2c39a214)

0.9.24 "Peleguin" (2014-02-12)

Bug Fixes

• android: when keyboard comes up, ensure input is in view (9327ac71, closes #314)
• backButton:
  • able to hide back button if any back button attr set in navBar, closes #564 (74a05a03)
  • Do not show back button if no attributes set, closes #549 (2d39418d)
• browser: on first hash-set, dont set scrollTop (1c4d4a8b)
• buttonIcon:
  • fix vertical-align in safari, closes #554 (6acba8da)
  • float left icon-left, closes #515 (38420c81)
• click: Clicks firing twice, closes #573 (2132d292)
• header: Header icon button css fix for Safari, closes #576 (801d2d7b)
• ionicScrollDelegate: trigger resize before scrolling to top/bottom (ea289b81, closes #522)
• list: css: don't make last .list on page have margin-bottom (fb5a0d4c)
• listButtons: Update list button sizes, closes #478 (91652112)
• navBar: Remove duplicate back button arrows, closes #547 (4808e80d)
• refresher: make refresher css not create gap at end of list (79387a4e)
• scroll: <scroll> is now registered with $ionicScrollDelegate (2c7ce763)
• scroll-view: css: make it take up only 100% height (d2f9e94b)
• scrollView:
  • start scroll again if it stops beyond boundaries (eed6b19b)
  • nested scrollViews now work independently (4cc4a18c, closes #278)
• sideMenuContent: make dragContent default to true (61a280bd)

Features

• $ionicScrollDelegate:
  • add scrollTo(left,top,animate) to delegate (c119498d)
  • allow anchorScroll to animate with param (36691bba)
  • add .anchorScroll() function (c2bbd9e9)
• domUtil: add getPositionInParent function (a970f0bd)
• grid: Added classes, variables and mixins for responsive grid options (1cdb999e)
• ionic: remove angular-sanitize (ngSanitize) as dependency (e7556233)
• list: reordering scrolls page, reordering performance better (7f4b28d9, closes #521)
• sideMenuContent: watch drag-content attribute (7f9bfb5a)
• tabs:
  • allow html in tab title attribute (0facb120, closes #528)
  • allow tab badge-style attribute to set badge class (b11e0f51)
• toggle:
  • Disable toggle w/ ng-disabled, closes #541 (2eab747d)
  • allow ngDisabled binding (0fe44867)

0.9.23 "Alpha Oxen" (2014-02-05)

• Android back button correctly goes back a view or closes the app
• CustomEvent polyfill improvements for Android
• Fix tab icon alignments
• Fix $ionicPlatform.ready()
• Fire off ionic.Platform.ready() callbacks for both Cordova and non-cordova
• Created ionic.Platform.exitApp();
• Add major and minor platform version numbers in body css
• Removed dist folder from git
• Created release folder to hold the latest release
• Automate bulding the nightly folder in the CDN
• Clicking tab item takes user to root/home of the tab
• Add tab badges with badge attribute
• Remember the previous scroll of a page when going back to it

Breaking Changes

• bower install ionic: release files are now located in the release folder, not dist.

0.9.22 "Alpha Narwhal" (2014-01-30)

• Tap polyfill overhaul to remove 300ms delay when firing a click
• Android click firing twice fixes
• Fixes with the tap polyfill for directives using ng-click
• Upgrade to Angular v1.2.10
• Reduce default button height

0.9.21 "Alpha Maine Coon" (2014-01-24)

• Toggle directive now includes .item.item-toggle wrapper
• Toggle/Checkbox/Radio implements ng-model/ng-value/ng-change
• Ionicons v1.4.2, icons now using :before pseudo
• Button and header size updates
• Android "click" event firing twice fixes
• Refactor platform ready event listeners
• Refactor navView directive
• Created ionic.Platform.fullscreen() and .showStatusBar()
• Update to Angular v1.2.8
• Disable pointer-events during transitions
• Remove ngTouch from angular.modules
• Remove angular-touch.js and angular-route.js references

0.9.20 "Alpha Lynx" (2014-01-14)

• Improved transitions between views
• Fixed hide-nav-bar/hide-back-button view attributes
• Removed title attributes from DOM
• Remove nav title if the entering view doesn't have one
• Fix padding being added to content directive
• Rename ionic services to use $ionic prefix

0.9.19 "Alpha Koala" (2014-01-10)

• Created ViewState Service to track navigation history
• Created navView directive
• Removed navPage and navRouter directives
• Using AngularUI Router instead of $route
• Update examples to use $stateProvider instead $routeProvider

0.9.18 "Alpha Jaguar" (2013-12-18)

• Slide box bug fixes
• Fixed issues with minification
• Small tweaks

0.9.17 "Alpha Iguana" (2013-12-16)

• Nav bar button fixes
• New slide box overhaul
• New list overhaul
• Radio button and checkbox fixes

0.9.16 "Alpha Hippo" (2013-12-12)

• Scrollbars
• Scroll bug fixes

0.9.15 "Alpha Giraffe" (2013-12-08)

• Scroll view fixes
• Radio button and checkbox fixes
• Slide box fixes

0.9.14 "Alpha Fox" (2013-12-04)

• Massive scroll performance improvements
• Android fixes and perf improvements
• Header and nav bar button fixes
• Animation performance improvements

0.9.13 "Alpha Elephant" (2013-11-26)

• nav router back button fixes
• Remove back button on first route
• Fix forward/back transition on iOS devices which lack history.state

0.9.12 "Alpha Dog" (2013-11-24)

• Fixed some overflow scrolling issues.

0.9.11 "Alpha Cat Dog" (2013-11-23)

0.9.10 "Alpha Cat" (2013-11-23)