1.0.0-beta.10 "hafnium-heron" released!


1.0.0-beta.10 “hafnium heron” (2014-07-02)

Download Instructions: https://github.com/driftyco/ionic/#manual-start

Updates to the loading screen, hidden tabs, slide box auto-play attribute, form element improvements, and many minor bug fixes.

Bug Fixes

  • button: fix button overflow causing whole screen to overflow left/right (114dad8c, closes #1780)
  • collectionRepeat:
    • properly display collection repeat inside a modal (1fbd3c56)
    • patch ngSrc/ngHref to fix a bug with falsy values (208ef13d, closes #1674)
  • gesture: fix onSwipeDown (2dce7a74, closes #1810)
  • ionList: allow scrolling while reorder or delete is active (2e9d0965, closes #1703)
  • ionReorderButton: stop ngRepeat:dupes error when reordering (ba1859b3, closes #1601)
  • list:
    • make reorder/delete button animation work well on all devices (4f10a723)
    • add extra margin-bottom to the last list if the list is also a card. (306fe047, closes #1708)
  • loading:
    • stop resize flicker when showing & changing text (cb368698)
    • Prevent clicks on modal views when loading is active. (7630bd41, closes #1720)
  • nav: remove disabled-pointer-events (5b50e120, closes #1383)
  • navBar: only add default animation if there is no custom animation (cdba48f1, closes #1671)
  • scroll:
    • prevent native webkit scrollbars from showing (951a9d35)
    • anchor scroll should scroll to IDs that are multiple levels beneath the scroll v (3d0a46ef, closes #1804)
  • scrollView:
    • cloned input for keyboard-scroll now matches original (5da1ecd0, closes #1721)
    • always stay exactly within boundaries after bounce (1c789f8a, closes #1736)
  • select: prevent ion-item text from overlapping select input. (a56e647b, closes #1735)
  • sideMenu:
    • when a drag on content is disallowed, do not prevent default (ab500f2e, closes #1725)
    • when drag-content=false, allow drag-to-close (e3db0856, closes #1419)
  • sidemen: scroll false causes sidemenu content to disappear. (6b218042, closes #1485)
  • slidebox: default to not autoplay (81a7342f)
  • sliderView: “getBoundClientRect” typo (0dad2ed6)
  • tap:
    • only check classList on tap target if it has classList (5bf75321, closes #1677)
    • fire input behavior when tap/clicking file input label. (889482e0, closes #1699)
  • toggle: fix ngChange being reported before model changes (537b29d0, closes #1349, #1741)
  • view: don’t affect history when inside a modal (b7f45e7c, closes #1667)


  • $ionicLoading: add $ionicLoadingConfig constant for default options (26ca840d, closes #1800)
  • checkbox: add disabled and emotion styles to ion-checkbox. and #1509 (79fb1e49, closes #1683)
  • ionModalView: ion-modal-view to wrap template instead of <div class="modal"> (ed4f2288, closes #1668)
  • ionSideMenu: add edge-drag-threshold, delegate edgeDragThreshold() (ba56bb98, closes #1570)
  • ionSlideBox: add ‘auto-play’ attr to optionally disable auto-play (8f808609, closes #1552)
  • tab: options ‘hidden’ attribute for tabs., #1673 (bb6976ad, closes #1666)

Breaking Changes

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

Change your code from this:

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

To this:

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


  • Reordering with ion-reorder-button no longer changes the order of the items in the DOM.

This change will only break your list if you were not using the
onReorder callback as described in the documentation.

Before, while reordering an element in a list Ionic would swap the
elements underneath as the reordering happened. This sometimes caused
errors with angular’s ngRepeat directive.

Now, reordering an element in a list does not change the order of
elements in the DOM. It is expected that the end developer will use the
index changes given in the onReorder callback to reorder the items
in the list. This is simple to do, see the examples in the



This topic is now pinned. It will appear at the top of its category until it is either unpinned by a moderator, or the Clear Pin button is pressed.


where do you get this names?


Yeah, where do you get them? “Hafnium-heron” sounds like some kind of street name for heroin


@siddhartha ha, now that you say that it kinda does.

We just been keeping a list of codenames we don’t take too seriously: https://github.com/driftyco/ionic/blob/master/config/CODENAMES

Suggestions welcomed!


[element from the Periodic table] - [animal with same first letter] :slight_smile:


I am attempting to update to the latest beta however I have been unsuccessful with the error in node stating repository field not found

npm WARN package.json github-url-from-git@1.1.1 No repository field.
C:\Program Files\nodejs\ionic -> C:\Program Files\nodejs\node_modules\ionic\bin\ionic
ionic@1.1.5 C:\Program Files\nodejs\node_modules\ionic
├── connect-livereload@0.4.0
├── progress@1.1.7
├── colors@0.6.2
├── open@0.0.5
├── ncp@0.4.2
├── q@1.0.1
├── shelljs@0.2.6
├── event-stream@3.0.20 (stream-combiner@0.0.4, from@0.1.3, map-stream@0.0.4, split@0.2.
10, through@2.3.4, duplexer@0.1.1, pause-stream@0.0.11)
├── optimist@0.6.0 (wordwrap@0.0.2, minimist@0.0.10)
├── form-data@0.1.4 (mime@1.2.11, async@0.9.0, combined-stream@0.0.5)
├── tiny-lr-fork@0.0.5 (debug@0.7.4, qs@0.5.6, faye-websocket@0.4.4, noptify@0.0.3)
├── unzip@0.1.9 (setimmediate@1.0.2, pullstream@0.4.0, match-stream@0.0.2, readable-stre
am@1.0.27-1, fstream@0.1.29, binary@0.3.0)
├── request@2.27.0 (json-stringify-safe@5.0.0, qs@0.6.6, forever-agent@0.5.2, aws-sign@0
.3.0, tunnel-agent@0.3.0, oauth-sign@0.3.0, cookie-jar@0.3.0, mime@1.2.11, node-uuid@1.4
.1, hawk@1.0.0, http-signature@0.10.0)
├── prompt@0.2.12 (revalidator@0.1.8, pkginfo@0.3.0, read@1.0.5, utile@0.2.1, winston@0.
├── archiver@0.5.1 (lodash@2.4.1, readable-stream@1.1.13-1, lazystream@0.1.0, zip-stream
@0.1.4, file-utils@0.1.5)
├── connect@2.24.0 (cookie@0.1.2, response-time@2.0.0, vhost@2.0.0, pause@0.0.1, parseur
l@1.2.0, fresh@0.2.2, qs@0.6.6, media-typer@0.2.0, serve-favicon@2.0.1, basic-auth-conne
ct@1.0.0, cookie-parser@1.3.2, on-headers@0.0.0, bytes@1.0.0, cookie-signature@1.0.4, de
pd@0.4.2, connect-timeout@1.2.1, debug@1.0.4, finalhandler@0.1.0, method-override@2.1.2,
morgan@1.2.0, type-is@1.3.2, express-session@1.7.0, serve-static@1.4.0, csurf@1.3.0, co
mpression@1.0.9, body-parser@1.5.0, multiparty@3.3.1, errorhandler@1.1.1, serve-index@1.
├── vinyl-fs@0.1.4 (graceful-fs@2.0.3, map-stream@0.1.0, mkdirp@0.3.5, vinyl@0.2.3, glob
-watcher@0.0.6, glob-stream@3.1.14)
├── xml2js@0.4.4 (sax@0.6.0, xmlbuilder@2.3.0)
└── npm@1.4.21


currently using the latest version of node


I’m new on ionic, how to update my existing project to the latest version?


Hi @EpokK
go to Ionic Website and download beta (you can see the version under the white button).

you get a zip file. Extract it. There you have 3 folders and 1 file. Copy all 4 things. In your project navigate to www/lib/ionic and paste the 4 things in this folder and then replace it.


Thank you @roland :smile:


@roland @EpokK

You can now install the latest version of ionic using the Ionic CLI, in your terminal:

$ sudo npm install -g ionic

Then in your app directory:

$ ionic lib update

Checkout the docs for the CLI


There is another way too. Such as follows:

Open your bower.json file and change the value of the ionic key.
From this

  "name": "HelloCordova",
  "private": "true",
  "devDependencies": {
    "ionic": "driftyco/ionic-bower#1.0.0-beta.9"

To this:

  "name": "HelloCordova",
  "private": "true",
  "devDependencies": {
    "ionic": "driftyco/ionic-bower#1.0.0-beta.10"

Then, inside your project folder, run bower.

bower install

And it is done. :smile: