ionic-framework

A powerful cross-platform UI toolkit for building native-quality iOS, Android, and Progressive Web Apps with HTML, CSS, and JavaScript.

MIT License

Downloads
2.3M
Stars
51K
Committers
500
View Code on GitHub Visit Website View on X
Ecosystems: JavaScript, Ionic, React, Web Components, Angular, Vue.js, TypeScript, Electron, Cordova

Bot releases are visible (Hide)

ionic-framework - 5.1.1

Published by liamdebeasi over 4 years ago

Bug Fixes

  • all: improve scroll assist reliability for below the fold inputs (#21206) (7166a29)
  • all: overlay components no longer display outline when focused (#21226) (bb62023)
  • display: remove 1px gap between mutually exclusive breakpoints (#21276) (703ef5c), closes #20993 #20743
  • header: do not error on collapsible header on devices that do not support IntersectionObserve (#21222) (0c13f25)
  • input: check for tabindex and pass it properly to native input (#21170) (dd4cb70), closes #17515
  • ios: position page transition shadow properly under footer (#21095) (50678c0)
  • md: do not hide page when swipe gesture is cancelled (#21247) (f334e83)
  • overlays: respect keyboardClose property when opening overlays (#21240) (9d0dcbb)
  • picker: haptics now work properly (#21268) (8e11ecc)
  • refresher: correctly select shadow root on older browsers (#21237) (f23f1cb)
  • refresher: refresher completes even after switching to a new tab (#21236) (1e6f923)
  • segment-button: screen readers now announce selected state properly (#21273) (85cc35e)
  • toggle: screen readers now announce toggle properly (#21168) (1fbdb22)
ionic-framework - 5.1.0 Aluminum

Published by liamdebeasi over 4 years ago

Bug Fixes

Features

Performance Improvements

ionic-framework - 5.0.7

Published by liamdebeasi over 4 years ago

Bug Fixes

  • modal: properly target card modal for iPadOS styles (#20884) (5816cf5)
ionic-framework - 5.0.6

Published by liamdebeasi over 4 years ago

Bug Fixes

  • all: only warn invalid mode if used on an ionic component (#20828) (6ed1c51), closes #20055
  • all: properly scroll to input with scroll assist (#20742) (e24060e), closes #19589
  • angular: export Animation and Gesture related types (#20766) (2ece194)
  • angular: respect animation property for ion-router-outlet (#20767) (f2dbe1f), closes #20764
  • content: apply --offset-top and --offset-bottom values correctly (#20790) (2707289), closes #20735
  • content: set overscroll-behavior based on the scroll direction (#20011) (a3fc77b), closes #20010
  • item-divider: update design to match native iOS (#20854) (d91e22d)
  • item-sliding: account for swipe to go back gesture when opening item-options (#20777) (f23ac44), closes #20773
  • list: show bottom border on last item in a list followed by a list (#20798) (7bc5191)
  • modal: backdrop and box shadows no longer stack when opening multiple modals (#20801) (253cd96), closes #20800
  • modal: backdrop is no longer tappable on card-style modal on smaller screens (#20802) (12932dd), closes #20783
  • modal: properly apply border radius on card-style modal (#20852) (dff3816), closes #20851
  • modal: properly remove safe area padding on card-modal (#20853) (71f1182), closes #20799
  • modal: respect card-style modal spec for iPadOS (#20750) (75bae40), closes #20700
  • react: expose correct type for CreateAnimation (#20775) (0897c3f), closes #20771
  • refresher: properly dismiss refresher when completed synchronously (#20815) (b1a87c8), closes #20803
  • segment: automatically expand width for scrollable segment buttons (#20763) (cdfd50b), closes #20566
  • segment: scrollable segments only show scrollbar if they overflow (#20760) (ab146c9), closes #20758
  • slides: check that mutation observer is defined for ssr (#20791) (2d5d251)
  • textarea: properly adjust auto-grow textarea in scrolled content (#19776) (8bd5bac), closes #19193
  • title: improve reliability of large title ios nav transition (#20861) (3bd6b5d)
  • title: large title now inherits global color styling during nav transition (#20862) (321140f)
ionic-framework - 5.0.5

Published by liamdebeasi over 4 years ago

Bug Fixes

  • button: allow overflow to be overridden by the CSS variable (#20738) (7ecde36), closes #20726
  • datetime: account for max property when hour, minute, or second is set to 0 (#20665) (2177461), closes #20652
  • header: collapsable header should default to using content background (#20736) (f6c3ba7), closes #20691
  • header: resolve undefined error on collapsible header when navigating quickly (#20728) (87a2721), closes #20725
  • ios: large title animation now works properly in a modal (#20703) (ec4878a), closes #20696
  • item: apply proper margin left for slotted icon in RTL (#20684) (d53595e), closes #20653
  • label: text overflow for slotted headings (#20690) (4d34ce6), closes #17087
  • modal: leave animation transitions modal completely out of viewport on ipad (#20702) (22d5256), closes #20697
  • angular exclude components from ssr (#20674) (f64b142)
  • modal: swipeable modal now works in firefox (#20714) (7d260b9), closes #20706
  • overlays: prevent accidental dismiss of overlays when tapping screen twice (#20683) (b6c2a77), closes #20608
  • segment: allow routerLink to work on segment buttons (#20682) (314dbb1), closes #20678
  • segment: iOS mode segment now works on older Android devices (#20673) (44993b7), closes #20648
ionic-framework - 5.0.4

Published by brandyscarney over 4 years ago

Bug Fixes

  • animation: reset all temporary flags when interrupting an animation (#20627) (0e0e401), closes #20602
  • buttons: use proper button colors based on CSS variables when inside of a toolbar (#20633) (c1d7bf2)
ionic-framework - 5.0.3

Published by liamdebeasi over 4 years ago

Bug Fixes

  • menu: allow ssr to work properly with hardware back button updates (#20629) (fe8d74d)
ionic-framework - 5.0.2

Published by liamdebeasi over 4 years ago

Bug Fixes

  • ios: large title transition works properly in tabbed applications (#20555) (7187541), closes #20482
  • menu: hardware back button now dismisses side menu if open in Cordova/Capacitor app (#20558) (6b2a929), closes #20559
  • modal: allow swipe to close animation to be overridden (#20585) (8d3ce8d), closes #20577
  • modal: card style modal now adds appropriate contrast (#20604) (b5310ef)
  • modal: allow swipeable modal background to be overridden (#20584) (ad6fac8), closes #20572
  • modal: swipeable modal styles only apply to ios (#20571) (3a2d828), closes #20569
  • refresher: ensure that translate is cleaned up to avoid stacking context (#20621) (e3e5c69), closes #17949
  • segment: segment functions properly on older versions of Android (#20554) (0224bed), closes #20466
  • select: properly align text, add icon-inner and placeholder part (#20605) (926ac3f)
  • slides: set height to 100% for vertical slides (#20603) (20af652), closes #17341
ionic-framework - 5.0.1

Published by liamdebeasi over 4 years ago

Bug Fixes

ionic-framework - 5.0.0 Magnesium

Published by brandyscarney over 4 years ago

Enjoy! 🔥

We recommend updating to version 4.11.10 before updating to this version in order to see deprecation warnings related to your app in the developer console.

Run the following commands based on your project type:

# for an angular app
npm i @ionic/angular@latest --save

# for a react app
npm i @ionic/react@latest --save
npm i @ionic/react-router@latest --save
npm i ionicons@latest --save

# for a stencil / vanilla JS app
npm i @ionic/core@latest --save

Then take a look at the Breaking Changes file for API changes.

Features

Bug Fixes

Code Refactoring

  • removed checked/selected properties in favor of setting value on parent (#19449) (a5229d9)
ionic-framework - 5.0.0-rc.5

Published by liamdebeasi over 4 years ago

Bug Fixes

ionic-framework - 5.0.0-rc.4

Published by liamdebeasi over 4 years ago

Bug Fixes

  • content: only emit scroll events if enabled (#20401) (fd1b44a)
  • header: backdrop filter no longer distorts content with collapsible header (#20388) (11d3945), closes #20385
  • item: remove unneeded box-shadow CSS variable (#20412) (a6764c4), closes #20392
  • label: remove subpixel font-size to prevent visual glitches (#20415) (3d6f287), closes #20407
  • segment: add activated class directly to segment button (#20400) (e8886e9)
ionic-framework - 5.0.0-rc.3

Published by liamdebeasi over 4 years ago

Bug Fixes

  • refresher: ensure gesture does not interfere with item-sliding (#20380) (8983c70), closes #20379
  • refresher: translate background content when refreshing (#20378) (cf70916), closes #20377
  • segment: allow background to be set on iOS segment in a toolbar (#20350) (0f31624)
  • toolbar: properly apply safe area and border (#20375) (4971499), closes #20354
ionic-framework - 5.0.0-rc.2

Published by liamdebeasi over 4 years ago

Bug Fixes

  • header: fix race condition in collapsible header (#20334) (215d55f)
  • ios: translucent toolbar blur no longer obscures entering page toolbar content (#20314) (e580b88), closes #19158
  • radio: do not clear radio group value from radio (#20343) (ff78e6e), closes #20323
  • radio: set default radio value if undefined (#20329) (eb57723)
  • refresher: add correct fallbacks for native refreshers (#20333) (fd55427)
  • refresher: resolve undefined issues when updating component (#20322) (59d8687), closes #20320
ionic-framework - 5.0.0-rc.1

Published by brandyscarney over 4 years ago

Bug Fixes

  • components: use proper colors for button states and add back input highlight (#20278) (628db18), closes #20276
  • components: inherit text indent in all components with text inherit (#20300) (767b005), closes #17786
  • content: resolve height inheritance issues (#20309) (09bef71), closes #20305
  • picker: include showBackdrop in interface (#20301) (33186ba), closes #18893
  • react: export proper types of animations and gestures (#20311) (0034088)
  • refresher: update animation for dashed property values (#20310) (44211c1)
  • toast: inherit color in cancel button for a toast with color (#20299) (7b44ae2), closes #20139
ionic-framework - 4.11.10

Published by liamdebeasi over 4 years ago

Bug Fixes

  • input: revert previous type change (db1fd1d)
ionic-framework - 5.0.0-rc.0

Published by brandyscarney over 4 years ago

Release Candidate is here! 🎉

ionic-framework - 5.0.0-beta.6

Published by brandyscarney over 4 years ago

Bug Fixes

Features

  • components: improve button states and add new css properties (#19440) (9415929), closes #20213 #19965
  • react: add Ionic Animations wrapper (experimental) (#20273) (b59d764)
  • segment-button: add --indicator-height property to segment button (#19653) (d76a503)

BREAKING CHANGES

We recommend updating to the latest version of 4.x before trying out version 5 in order to see deprecation warnings related to your app in the developer console.

Activated Class

The activated class that is automatically added to buttons on press has been renamed to ion-activated. This will be more consistent with our ion-focused class we add and also will reduce conflicts with users' CSS.

CSS Variables

The --background-hover, --background-focused and --background-activated CSS variables on components that render native buttons will now have an opacity automatically set. If you are setting any of these like the following:

--background-hover: rgba(44, 44, 44, 0.08);

You will likely not see a hover state anymore. It should be updated to only set the desired color:

--background-hover: rgba(44, 44, 44);

If the opacity desired is something other than what the spec asks for, use:

--background-hover: rgba(44, 44, 44);
--background-hover-opacity: 1;
ionic-framework - 4.11.9

Published by elylucas over 4 years ago

Bug Fixes

ionic-framework - 5.0.0-beta.5

Published by liamdebeasi almost 5 years ago

Bug Fixes

  • action-sheet: allow scrollable action sheet with many options (#20145) (53fad97), closes #17311
  • card: remove top padding of content in iOS if under header (#20223) (9232f16)
  • content: scroll-content div now takes up full height of container (#20194) (9d63b41), closes #20185
  • header: header opacity properly resets on collapsible titles (#20202) (8e11f79)
  • modal: prevent double dismiss via gesture and backdrop tap on card-style modal (#20203) (5b0400d)
  • picker: pick correct option at low velocities (#19660) (39d1262), closes #19659
  • react: updating icon type and add caret to internal icons (#20216) (dc78f98)
  • ssr: add reflect content-id attribute to applicable properties (#20169) (3aa47e6)

Code Refactoring

  • removed checked/selected properties in favor of setting value on parent (#19449) (a5229d9)

Features

BREAKING CHANGES

We recommend updating to the latest version of 4.x before trying out version 5 in order to see deprecation warnings related to your app in the developer console.

  • The following components have been updated to remove the checked or selected properties:
  • Radio
  • Segment Button
  • Select

Developers should set the value property on the respective parent components in order to managed checked/selected status. See the Breaking Changes document for updated usage examples.

  • Controller components have been removed. Developers should user their respective imports instead. This only affects vanilla JS applications.

Before:

<ion-modal-controller></ion-modal-controller>

After:

import { modalController } from '@ionic/core';
Package Rankings
Top 0.37% on Npmjs.org
Top 3.57% on Proxy.golang.org
Top 20.43% on Repo1.maven.org
Badges
Extracted from project README
version version version version
Related Projects
reactionic

React Ionic: We are looking for a new maintainer!

06 Jan 2016 644