tag:github.com,2008:https://github.com/ionic-team/ionic-framework/releases 2026-03-04T20:43:44Z tag:github.com,2008:Repository/12256376/v8.8.0 2026-03-05T16:11:08Z <h1><a href="https://github.com/ionic-team/ionic-framework/compare/v8.7.18...v8.8.0">8.8.0</a> (2026-03-04)</h1> <h3>Features</h3> <ul> <li><strong>angular:</strong> add custom injector support for modal and popover controllers (<a href="https://github.com/ionic-team/ionic-framework/issues/30899" data-hovercard-type="pull_request" data-hovercard-url="/ionic-team/ionic-framework/pull/30899/hovercard">#30899</a>) (<a href="https://github.com/ionic-team/ionic-framework/commit/822da428af86cd9b036b81515272321eb8fa586c">822da42</a>), closes <a href="https://github.com/ionic-team/ionic-framework/issues/30638" data-hovercard-type="issue" data-hovercard-url="/ionic-team/ionic-framework/issues/30638/hovercard">#30638</a></li> <li><strong>content:</strong> add content-fullscreen class when fullscreen is true (<a href="https://github.com/ionic-team/ionic-framework/issues/30926" data-hovercard-type="pull_request" data-hovercard-url="/ionic-team/ionic-framework/pull/30926/hovercard">#30926</a>) (<a href="https://github.com/ionic-team/ionic-framework/commit/d74b11bc19d6268b256daf23ba6f107483c00320">d74b11b</a>)</li> <li><strong>datetime:</strong> add header parts (<a href="https://github.com/ionic-team/ionic-framework/issues/30945" data-hovercard-type="pull_request" data-hovercard-url="/ionic-team/ionic-framework/pull/30945/hovercard">#30945</a>) (<a href="https://github.com/ionic-team/ionic-framework/commit/6ea186d96d80a94b774d4d0a51d536e0e5599935">6ea186d</a>)</li> <li><strong>datetime:</strong> add wheel part to ion-picker-column (<a href="https://github.com/ionic-team/ionic-framework/issues/30934" data-hovercard-type="pull_request" data-hovercard-url="/ionic-team/ionic-framework/pull/30934/hovercard">#30934</a>) (<a href="https://github.com/ionic-team/ionic-framework/commit/0cf4c03e298bb4f7eea71c966a1473765ebd6d7a">0cf4c03</a>)</li> <li><strong>item-divider:</strong> add inner and container parts (<a href="https://github.com/ionic-team/ionic-framework/issues/30928" data-hovercard-type="pull_request" data-hovercard-url="/ionic-team/ionic-framework/pull/30928/hovercard">#30928</a>) (<a href="https://github.com/ionic-team/ionic-framework/commit/5cdeb7fd357298f15e7ae29b14412d97bdc7c656">5cdeb7f</a>)</li> <li><strong>item-option:</strong> add inner and container parts (<a href="https://github.com/ionic-team/ionic-framework/issues/30929" data-hovercard-type="pull_request" data-hovercard-url="/ionic-team/ionic-framework/pull/30929/hovercard">#30929</a>) (<a href="https://github.com/ionic-team/ionic-framework/commit/f8f7ffda318c0143d9bb5c79fe55b4ecb88e6ce3">f8f7ffd</a>)</li> <li><strong>item:</strong> add inner and container parts (<a href="https://github.com/ionic-team/ionic-framework/issues/30927" data-hovercard-type="pull_request" data-hovercard-url="/ionic-team/ionic-framework/pull/30927/hovercard">#30927</a>) (<a href="https://github.com/ionic-team/ionic-framework/commit/a2c655923bb1cff51864949575e19028623c695d">a2c6559</a>)</li> <li><strong>list-header:</strong> add inner part (<a href="https://github.com/ionic-team/ionic-framework/issues/30930" data-hovercard-type="pull_request" data-hovercard-url="/ionic-team/ionic-framework/pull/30930/hovercard">#30930</a>) (<a href="https://github.com/ionic-team/ionic-framework/commit/ef73476e08670630907e775a38f9ed30a84e3f1f">ef73476</a>)</li> <li><strong>modal:</strong> add drag events for sheet and card modals (<a href="https://github.com/ionic-team/ionic-framework/issues/30962" data-hovercard-type="pull_request" data-hovercard-url="/ionic-team/ionic-framework/pull/30962/hovercard">#30962</a>) (<a href="https://github.com/ionic-team/ionic-framework/commit/d29ac713fad604c256fb385eb0c26eb9717e1ff4">d29ac71</a>), closes <a href="https://github.com/ionic-team/ionic-framework/issues/23955" data-hovercard-type="issue" data-hovercard-url="/ionic-team/ionic-framework/issues/23955/hovercard">#23955</a></li> <li><strong>range:</strong> add classes and expose parts to allow individual styling of dual knobs (<a href="https://github.com/ionic-team/ionic-framework/issues/30941" data-hovercard-type="pull_request" data-hovercard-url="/ionic-team/ionic-framework/pull/30941/hovercard">#30941</a>) (<a href="https://github.com/ionic-team/ionic-framework/commit/5bcf92184118055483bf306ab9e319b8e3e61870">5bcf921</a>), closes <a href="https://github.com/ionic-team/ionic-framework/issues/29862" data-hovercard-type="issue" data-hovercard-url="/ionic-team/ionic-framework/issues/29862/hovercard">#29862</a></li> <li><strong>range:</strong> add classes to the range when the value is at the min or max (<a href="https://github.com/ionic-team/ionic-framework/issues/30932" data-hovercard-type="pull_request" data-hovercard-url="/ionic-team/ionic-framework/pull/30932/hovercard">#30932</a>) (<a href="https://github.com/ionic-team/ionic-framework/commit/fac1a6673c88a531f1d79656be4eb544f235f819">fac1a66</a>)</li> <li><strong>refresher:</strong> add ionPullStart and ionPullEnd events (<a href="https://github.com/ionic-team/ionic-framework/issues/30946" data-hovercard-type="pull_request" data-hovercard-url="/ionic-team/ionic-framework/pull/30946/hovercard">#30946</a>) (<a href="https://github.com/ionic-team/ionic-framework/commit/814c2e5ccd6d5bfda12bdf13a566cd66ff830d5b">814c2e5</a>), closes <a href="https://github.com/ionic-team/ionic-framework/issues/24524" data-hovercard-type="issue" data-hovercard-url="/ionic-team/ionic-framework/issues/24524/hovercard">#24524</a></li> <li><strong>segment-view:</strong> add swipeGesture property to disable swiping (<a href="https://github.com/ionic-team/ionic-framework/issues/30948" data-hovercard-type="pull_request" data-hovercard-url="/ionic-team/ionic-framework/pull/30948/hovercard">#30948</a>) (<a href="https://github.com/ionic-team/ionic-framework/commit/46806bd6e2af90a0b31fca68f508c06d3d281ec0">46806bd</a>), closes <a href="https://github.com/ionic-team/ionic-framework/issues/30290" data-hovercard-type="issue" data-hovercard-url="/ionic-team/ionic-framework/issues/30290/hovercard">#30290</a></li> <li><strong>select:</strong> add wrapper and bottom shadow parts (<a href="https://github.com/ionic-team/ionic-framework/issues/30951" data-hovercard-type="pull_request" data-hovercard-url="/ionic-team/ionic-framework/pull/30951/hovercard">#30951</a>) (<a href="https://github.com/ionic-team/ionic-framework/commit/5cea5aeb44393edab7064e5980a1eb7e607d1b8d">5cea5ae</a>)</li> <li><strong>select:</strong> pass cancelText property to modal interface (<a href="https://github.com/ionic-team/ionic-framework/issues/30282" data-hovercard-type="pull_request" data-hovercard-url="/ionic-team/ionic-framework/pull/30282/hovercard">#30282</a>) (<a href="https://github.com/ionic-team/ionic-framework/commit/6e4f60af4c188ae04028b444aa21118ae27c2ca7">6e4f60a</a>)</li> <li><strong>textarea:</strong> reflect disabled and readonly props (<a href="https://github.com/ionic-team/ionic-framework/issues/30910" data-hovercard-type="pull_request" data-hovercard-url="/ionic-team/ionic-framework/pull/30910/hovercard">#30910</a>) (<a href="https://github.com/ionic-team/ionic-framework/commit/55735df3fa62c8e259c56db3169f3d5459e71c0c">55735df</a>)</li> </ul> github-actions[bot] tag:github.com,2008:Repository/12256376/v8.7.18 2026-02-25T17:12:37Z <h2><a href="https://github.com/ionic-team/ionic-framework/compare/v8.7.17...v8.7.18">8.7.18</a> (2026-02-25)</h2> <h3>Bug Fixes</h3> <ul> <li><strong>datetime:</strong> stretch ion-buttons to fill space for ios (<a href="https://github.com/ionic-team/ionic-framework/issues/30963" data-hovercard-type="pull_request" data-hovercard-url="/ionic-team/ionic-framework/pull/30963/hovercard">#30963</a>) (<a href="https://github.com/ionic-team/ionic-framework/commit/d46b0b15f6a652da6f863cf303e7ce06cfc820a8">d46b0b1</a>)</li> <li><strong>many:</strong> clear timeouts (<a href="https://github.com/ionic-team/ionic-framework/issues/30851" data-hovercard-type="pull_request" data-hovercard-url="/ionic-team/ionic-framework/pull/30851/hovercard">#30851</a>) (<a href="https://github.com/ionic-team/ionic-framework/commit/70b1237823dd0cdab852486a6b2cbbfe0d0aaae9">70b1237</a>), closes <a href="https://github.com/ionic-team/ionic-framework/issues/30860" data-hovercard-type="issue" data-hovercard-url="/ionic-team/ionic-framework/issues/30860/hovercard">#30860</a></li> <li><strong>modal, popover:</strong> respect safe area insets on popovers and modals (<a href="https://github.com/ionic-team/ionic-framework/issues/30949" data-hovercard-type="pull_request" data-hovercard-url="/ionic-team/ionic-framework/pull/30949/hovercard">#30949</a>) (<a href="https://github.com/ionic-team/ionic-framework/commit/6490797851cede3bfda893a19b10f165259ec988">6490797</a>), closes <a href="https://github.com/ionic-team/ionic-framework/issues/28411" data-hovercard-type="issue" data-hovercard-url="/ionic-team/ionic-framework/issues/28411/hovercard">#28411</a></li> <li><strong>nav-controller:</strong> reset direction state when navigation is canceled (<a href="https://github.com/ionic-team/ionic-framework/issues/30955" data-hovercard-type="pull_request" data-hovercard-url="/ionic-team/ionic-framework/pull/30955/hovercard">#30955</a>) (<a href="https://github.com/ionic-team/ionic-framework/commit/53172d1a4035d5b510c230553aabd53dc1389e4b">53172d1</a>)</li> <li><strong>radio-group:</strong> prevent DOMException and NotFoundError when filtering radios (<a href="https://github.com/ionic-team/ionic-framework/issues/30958" data-hovercard-type="pull_request" data-hovercard-url="/ionic-team/ionic-framework/pull/30958/hovercard">#30958</a>) (<a href="https://github.com/ionic-team/ionic-framework/commit/682a17ebb754da7714989623cf84b75e715e20e1">682a17e</a>), closes <a href="https://github.com/ionic-team/ionic-framework/issues/30279" data-hovercard-type="issue" data-hovercard-url="/ionic-team/ionic-framework/issues/30279/hovercard">#30279</a> <a href="https://github.com/ionic-team/ionic-framework/issues/30359" data-hovercard-type="issue" data-hovercard-url="/ionic-team/ionic-framework/issues/30359/hovercard">#30359</a></li> <li><strong>toast:</strong> keep icon on the same line as long message in stacked layout (<a href="https://github.com/ionic-team/ionic-framework/issues/30923" data-hovercard-type="pull_request" data-hovercard-url="/ionic-team/ionic-framework/pull/30923/hovercard">#30923</a>) (<a href="https://github.com/ionic-team/ionic-framework/commit/442e3e983107a69cea4fb5587fb33da718eee8a3">442e3e9</a>), closes <a href="https://github.com/ionic-team/ionic-framework/issues/30908" data-hovercard-type="issue" data-hovercard-url="/ionic-team/ionic-framework/issues/30908/hovercard">#30908</a></li> </ul> github-actions[bot] tag:github.com,2008:Repository/12256376/v8.7.17 2026-01-14T19:20:44Z <h2><a href="https://github.com/ionic-team/ionic-framework/compare/v8.7.15...v8.7.17">8.7.17</a> (2026-01-14)</h2> <h3>Bug Fixes</h3> <ul> <li><strong>input:</strong> prevent Android TalkBack from focusing label separately (<a href="https://github.com/ionic-team/ionic-framework/issues/30895" data-hovercard-type="pull_request" data-hovercard-url="/ionic-team/ionic-framework/pull/30895/hovercard">#30895</a>) (<a href="https://github.com/ionic-team/ionic-framework/commit/ab733b71dd355d9486757f219fe09acaefeeefcc">ab733b7</a>)</li> <li><strong>input:</strong> prevent placeholder from overlapping start slot during scroll assist (<a href="https://github.com/ionic-team/ionic-framework/issues/30896" data-hovercard-type="pull_request" data-hovercard-url="/ionic-team/ionic-framework/pull/30896/hovercard">#30896</a>) (<a href="https://github.com/ionic-team/ionic-framework/commit/3b3318da513b199128f3822bd8226797cd118b0f">3b3318d</a>)</li> <li><strong>tab-bar:</strong> prevent keyboard controller memory leak on rapid mount/unmount (<a href="https://github.com/ionic-team/ionic-framework/issues/30906" data-hovercard-type="pull_request" data-hovercard-url="/ionic-team/ionic-framework/pull/30906/hovercard">#30906</a>) (<a href="https://github.com/ionic-team/ionic-framework/commit/f99d0007a8ffc9c7d3d2636e912c37c12112b21d">f99d000</a>)</li> </ul> github-actions[bot] tag:github.com,2008:Repository/12256376/v8.7.16 2025-12-31T21:05:36Z <h2><a href="https://github.com/ionic-team/ionic-framework/compare/v8.7.15...v8.7.16">8.7.16</a> (2025-12-31)</h2> <h3>Bug Fixes</h3> <ul> <li><strong>modal:</strong> prevent card modal animation on viewport resize when modal is closed (<a href="https://github.com/ionic-team/ionic-framework/issues/30894" data-hovercard-type="pull_request" data-hovercard-url="/ionic-team/ionic-framework/pull/30894/hovercard">#30894</a>) (<a href="https://github.com/ionic-team/ionic-framework/commit/e5634d45ee5fd32715f6e6b75e0448f74ee1f8f2">e5634d4</a>), closes <a href="https://github.com/ionic-team/ionic-framework/issues/30679" data-hovercard-type="issue" data-hovercard-url="/ionic-team/ionic-framework/issues/30679/hovercard">#30679</a></li> </ul> github-actions[bot] tag:github.com,2008:Repository/12256376/v8.7.15 2025-12-23T18:55:21Z <h2><a href="https://github.com/ionic-team/ionic-framework/compare/v8.7.14...v8.7.15">8.7.15</a> (2025-12-23)</h2> <h3>Bug Fixes</h3> <ul> <li><strong>core:</strong> use Capacitor safe-area CSS variables on older WebViews (<a href="https://github.com/ionic-team/ionic-framework/issues/30865" data-hovercard-type="pull_request" data-hovercard-url="/ionic-team/ionic-framework/pull/30865/hovercard">#30865</a>) (<a href="https://github.com/ionic-team/ionic-framework/commit/8573bf8083f75eda13c954a56731a6aac8ca5724">8573bf8</a>)</li> <li><strong>header:</strong> show iOS condense header when app is in MD mode (<a href="https://github.com/ionic-team/ionic-framework/issues/30690" data-hovercard-type="pull_request" data-hovercard-url="/ionic-team/ionic-framework/pull/30690/hovercard">#30690</a>) (<a href="https://github.com/ionic-team/ionic-framework/commit/f83b0005309400d674e43c497bdffbcb9d2c4d94">f83b000</a>), closes <a href="https://github.com/ionic-team/ionic-framework/issues/29929" data-hovercard-type="issue" data-hovercard-url="/ionic-team/ionic-framework/issues/29929/hovercard">#29929</a></li> <li><strong>input-password-toggle:</strong> improve screen reader announcements (<a href="https://github.com/ionic-team/ionic-framework/issues/30885" data-hovercard-type="pull_request" data-hovercard-url="/ionic-team/ionic-framework/pull/30885/hovercard">#30885</a>) (<a href="https://github.com/ionic-team/ionic-framework/commit/12ede4b79c8d5cffc2b014c7c8a0d2ef1d3bf90d">12ede4b</a>)</li> <li><strong>modal:</strong> dismiss top-most overlay when multiple IDs match (<a href="https://github.com/ionic-team/ionic-framework/issues/30883" data-hovercard-type="pull_request" data-hovercard-url="/ionic-team/ionic-framework/pull/30883/hovercard">#30883</a>) (<a href="https://github.com/ionic-team/ionic-framework/commit/3b60a1d68a1df1606ffee0bde7db7a206bac404a">3b60a1d</a>), closes <a href="https://github.com/ionic-team/ionic-framework/issues/30030" data-hovercard-type="issue" data-hovercard-url="/ionic-team/ionic-framework/issues/30030/hovercard">#30030</a></li> </ul> github-actions[bot] tag:github.com,2008:Repository/12256376/v8.7.14 2025-12-17T17:50:45Z <h2><a href="https://github.com/ionic-team/ionic-framework/compare/v8.7.13...v8.7.14">8.7.14</a> (2025-12-17)</h2> <h3>Bug Fixes</h3> <ul> <li><strong>tabs:</strong> select correct tab when routes have similar prefixes (<a href="https://github.com/ionic-team/ionic-framework/issues/30863" data-hovercard-type="pull_request" data-hovercard-url="/ionic-team/ionic-framework/pull/30863/hovercard">#30863</a>) (<a href="https://github.com/ionic-team/ionic-framework/commit/03fb422bfa775e3e9dd695ea1857fa88d4245ecd">03fb422</a>), closes <a href="https://github.com/ionic-team/ionic-framework/issues/30448" data-hovercard-type="issue" data-hovercard-url="/ionic-team/ionic-framework/issues/30448/hovercard">#30448</a></li> </ul> github-actions[bot] tag:github.com,2008:Repository/12256376/v8.7.13 2025-12-13T16:03:00Z <h2><a href="https://github.com/ionic-team/ionic-framework/compare/v8.7.12...v8.7.13">8.7.13</a> (2025-12-13)</h2> <ul> <li>chore(core): aligning core engine requirement with main ionic-framework requirement (<a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="3726013933" data-permission-text="Title is private" data-url="https://github.com/ionic-team/ionic-framework/issues/30869" data-hovercard-type="pull_request" data-hovercard-url="/ionic-team/ionic-framework/pull/30869/hovercard" href="https://github.com/ionic-team/ionic-framework/pull/30869">#30869</a>)</li> </ul> github-actions[bot] tag:github.com,2008:Repository/12256376/v8.7.12 2025-12-10T21:33:17Z <h2><a href="https://github.com/ionic-team/ionic-framework/compare/v8.7.11...v8.7.12">8.7.12</a> (2025-12-10)</h2> <h3>Bug Fixes</h3> <ul> <li><strong>modal:</strong> allow interaction with parent content through sheet modals in child routes (<a href="https://github.com/ionic-team/ionic-framework/issues/30839" data-hovercard-type="pull_request" data-hovercard-url="/ionic-team/ionic-framework/pull/30839/hovercard">#30839</a>) (<a href="https://github.com/ionic-team/ionic-framework/commit/b9e3cf0f5aae79a1f27a07b102c77e51f24825f4">b9e3cf0</a>), closes <a href="https://github.com/ionic-team/ionic-framework/issues/30700" data-hovercard-type="issue" data-hovercard-url="/ionic-team/ionic-framework/issues/30700/hovercard">#30700</a></li> <li><strong>modal:</strong> prevent browser hang when using ModalController in Angular (<a href="https://github.com/ionic-team/ionic-framework/issues/30845" data-hovercard-type="pull_request" data-hovercard-url="/ionic-team/ionic-framework/pull/30845/hovercard">#30845</a>) (<a href="https://github.com/ionic-team/ionic-framework/commit/b1645168a7fb9378dc39a081c207b2de0e180089">b164516</a>)</li> <li><strong>popover:</strong> recalculate the content dimensions after the header has fully loaded (<a href="https://github.com/ionic-team/ionic-framework/issues/30853" data-hovercard-type="pull_request" data-hovercard-url="/ionic-team/ionic-framework/pull/30853/hovercard">#30853</a>) (<a href="https://github.com/ionic-team/ionic-framework/commit/99dcf3810a0c32416996d1e992ddf63359965cfc">99dcf38</a>)</li> <li><strong>select, action-sheet:</strong> use radio role for options (<a href="https://github.com/ionic-team/ionic-framework/issues/30769" data-hovercard-type="pull_request" data-hovercard-url="/ionic-team/ionic-framework/pull/30769/hovercard">#30769</a>) (<a href="https://github.com/ionic-team/ionic-framework/commit/1c89cf06ac959f9c9a35a66f811227c244d3198b">1c89cf0</a>)</li> </ul> github-actions[bot] tag:github.com,2008:Repository/12256376/v8.7.11 2025-11-26T18:55:56Z <h2><a href="https://github.com/ionic-team/ionic-framework/compare/v8.7.10...v8.7.11">8.7.11</a> (2025-11-26)</h2> <h3>Bug Fixes</h3> <ul> <li><strong>datetime:</strong> ensure datetime is shown when intersection observer fails to report visibility (<a href="https://github.com/ionic-team/ionic-framework/issues/30793" data-hovercard-type="pull_request" data-hovercard-url="/ionic-team/ionic-framework/pull/30793/hovercard">#30793</a>) (<a href="https://github.com/ionic-team/ionic-framework/commit/9d781db662d213090d0b7198d0cdc5abb16fed1b">9d781db</a>), closes <a href="https://github.com/ionic-team/ionic-framework/issues/30706" data-hovercard-type="issue" data-hovercard-url="/ionic-team/ionic-framework/issues/30706/hovercard">#30706</a></li> </ul> thetaPC tag:github.com,2008:Repository/12256376/v8.7.10 2025-11-19T18:10:59Z <h2><a href="https://github.com/ionic-team/ionic-framework/compare/v8.7.9...v8.7.10">8.7.10</a> (2025-11-19)</h2> <h3>Bug Fixes</h3> <ul> <li><strong>checkbox, toggle, radio-group:</strong> improve screen reader announcement timing for validation errors (<a href="https://github.com/ionic-team/ionic-framework/issues/30714" data-hovercard-type="pull_request" data-hovercard-url="/ionic-team/ionic-framework/pull/30714/hovercard">#30714</a>) (<a href="https://github.com/ionic-team/ionic-framework/commit/92db36489cca944caf1593dbd518a1f025a171a2">92db364</a>)</li> </ul> brandyscarney