{"id":6116,"date":"2024-05-02T11:02:15","date_gmt":"2024-05-02T15:02:15","guid":{"rendered":"https:\/\/ionic.io\/blog\/?p=6116"},"modified":"2024-05-02T14:03:35","modified_gmt":"2024-05-02T18:03:35","slug":"announcing-ionic-8-1","status":"publish","type":"post","link":"https:\/\/ionic.io\/blog\/announcing-ionic-8-1","title":{"rendered":"Announcing Ionic 8.1"},"content":{"rendered":"\n<p>Hot on the heels of Ionic Framework 8.0 is version 8.1 packed with input, datetime, and accessibility improvements!<\/p>\n\n\n\n<p>Let\u2019s take a look at what\u2019s new \ud83d\udc47<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Improved Datetime and Picker Screen Reader Experience<\/h2>\n\n\n\n<p>Ionic 8.1 introduces an improved experience for selecting items in the Datetime and Picker components with a screen reader.<\/p>\n\n\n\n<p>In previous versions of Ionic, selecting values inside of a wheel picker required users to swipe past every single value. It also meant that it was impossible to switch between columns in a Picker just by swiping left or right. This limitation sometimes resulted in users accidentally selecting the wrong value when trying to move between columns.<\/p>\n\n\n\n<p>We improved this by allowing users to swipe left and right to navigate between columns when using a screen reader. Users can either double tap and slide up and down or swipe up and down to select different values within a single column.<\/p>\n\n\n\n<p>We also added the ability to press the Page Up or Page Down keys to scroll by more than one option at a time in a column. These new behaviors join the existing set of keyboard behaviors in Picker.<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td class=\"has-text-align-center\" data-align=\"center\"><strong>Ionic 8.0<\/strong><\/td><td class=\"has-text-align-center\" data-align=\"center\"><strong>Ionic 8.1<\/strong><\/td><\/tr><tr><td class=\"has-text-align-center\" data-align=\"center\"><video controls=\"\" src=\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2024\/05\/picker-broken.mp4\"><\/video><\/td><td class=\"has-text-align-center\" data-align=\"center\"><video controls=\"\" src=\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2024\/05\/picker-working.mp4\"><\/video><\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p>See the <a href=\"https:\/\/ionicframework.com\/docs\/api\/picker#accessibility\">Picker<\/a> documentation for more information.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Improved Navigation Screen Reader Experience (experimental)<\/h2>\n\n\n\n<p>Also in Ionic 8.1 is an improved navigation experience for people navigating with screen readers.<\/p>\n\n\n\n<p>In traditional native applications, screen readers are informed anytime a navigation event occurs. This allows screen readers to move focus from Page A to Page B so users are focused on the correct area of the application. Unfortunately, this same functionality does not exist by default for single page web applications. This means that screen readers would often focus on the wrong content when navigating in Ionic applications.<\/p>\n\n\n\n<p>Ionic 8.1 introduces the experimental <code>focusManagerPriority<\/code> global configuration. When this opt-in feature is enabled, developers can specify which areas of each page Ionic should move focus to when a navigation event occurs. Focus will also be returned to the element that presented the page when navigating back.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td class=\"has-text-align-center\" data-align=\"center\"><strong>Ionic 8.0<\/strong><\/td><td class=\"has-text-align-center\" data-align=\"center\"><strong>Ionic 8.1<\/strong><\/td><\/tr><tr><td class=\"has-text-align-center\" data-align=\"center\"><video controls=\"\" src=\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2024\/05\/focus-manager-not-active.mp4\"><\/video><\/td><td class=\"has-text-align-center\" data-align=\"center\"><video controls=\"\" src=\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2024\/05\/focus-manager-working.mp4\"><\/video><\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p>See the <a href=\"https:\/\/ionicframework.com\/docs\/developing\/managing-focus#assistive-technology-focus-management\">Focus Manager<\/a> documentation for more information.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">More Control over Modal and Popover Focus Trapping<\/h2>\n\n\n\n<p>Developers can now temporarily disable focus trapping on Modals and Popovers for improved compatibility with 3rd-party dialogs.<\/p>\n\n\n\n<p>Focus is trapped inside of overlays such as Modal and Popover. This improves the experience for people navigating with a keyboard or a screen reader because it means the focus remains in the context that is presented. Without focus trapping it would be possible for focus to move to an element underneath a Modal or Popover which would be confusing.<\/p>\n\n\n\n<p>The new <code>focusTrap<\/code> property on both Modal and Popover allows developers to temporarily disable Ionic\u2019s focus trapping so they can manually move focus to the new 3rd-party dialog. Developers should re-enable focus trapping afterwards so users continue to have an accessible experience when using Modals and Popovers.<\/p>\n\n\n\n<p>See the <a href=\"https:\/\/ionicframework.com\/docs\/api\/modal#focustrap\">Modal<\/a> and <a href=\"https:\/\/ionicframework.com\/docs\/api\/popover#focustrap\">Popover<\/a> documentation for more information.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Configurable Content Slot Placement for Keyboard Navigation<\/h2>\n\n\n\n<p>The <code>fixed<\/code> slot in Content can now be configured to render before or after elements in the DOM using the new <code>fixedSlotPlacement<\/code> property.<\/p>\n\n\n\n<p>The <code>fixed<\/code> slot is useful for adding components that overlay the rest of the content such as a Floating Action Button. However, this content was always added <em>after<\/em> other content in the DOM. As a result, it was always the last thing to receive keyboard or screen reader focus. This meant that these elements were inaccessible when using Infinite Scroll because new content would be appended as the user scrolled.<\/p>\n\n\n\n<p>Developers can configure the <code>fixedSlotPlacement<\/code> property so the <code>fixed<\/code> slot content is added <em>before<\/em> other content in the DOM, ensuring that it gets keyboard or screen reader focus before other elements.<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td class=\"has-text-align-center\" data-align=\"center\"><strong>Ionic 8.0<\/strong><\/td><td class=\"has-text-align-center\" data-align=\"center\"><strong>Ionic 8.1<\/strong><\/td><\/tr><tr><td class=\"has-text-align-center\" data-align=\"center\"><video controls=\"\" src=\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2024\/05\/fixedslotcontent-broken.mp4\"><\/video><\/td><td class=\"has-text-align-center\" data-align=\"center\"><video controls=\"\" src=\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2024\/05\/fixedslotcontent-working.mp4\"><\/video><\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p>See the <a href=\"https:\/\/ionicframework.com\/docs\/api\/content#fixed-content\">Content<\/a> and <a href=\"https:\/\/ionicframework.com\/docs\/api\/fab#relative-to-infinite-list\">FAB<\/a> documentation for more information.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Clear Input Icon Customization<\/h2>\n\n\n\n<p>The clear icon in Input can now be customized using the <code>clearInputIcon<\/code> property.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1014\" height=\"309\" data-src=\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2024\/05\/Screenshot-2024-04-30-at-12.15.38\u202fPM.png\" alt=\"\" class=\"wp-image-6120 lazyload\" data-srcset=\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2024\/05\/Screenshot-2024-04-30-at-12.15.38\u202fPM.png 1014w, https:\/\/ionic.io\/blog\/wp-content\/uploads\/2024\/05\/Screenshot-2024-04-30-at-12.15.38\u202fPM-300x91.png 300w, https:\/\/ionic.io\/blog\/wp-content\/uploads\/2024\/05\/Screenshot-2024-04-30-at-12.15.38\u202fPM-768x234.png 768w\" data-sizes=\"auto, (max-width: 1014px) 100vw, 1014px\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" style=\"--smush-placeholder-width: 1014px; --smush-placeholder-aspect-ratio: 1014\/309;\" \/><noscript><img loading=\"lazy\" decoding=\"async\" width=\"1014\" height=\"309\" src=\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2024\/05\/Screenshot-2024-04-30-at-12.15.38\u202fPM.png\" alt=\"\" class=\"wp-image-6120\" srcset=\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2024\/05\/Screenshot-2024-04-30-at-12.15.38\u202fPM.png 1014w, https:\/\/ionic.io\/blog\/wp-content\/uploads\/2024\/05\/Screenshot-2024-04-30-at-12.15.38\u202fPM-300x91.png 300w, https:\/\/ionic.io\/blog\/wp-content\/uploads\/2024\/05\/Screenshot-2024-04-30-at-12.15.38\u202fPM-768x234.png 768w\" sizes=\"auto, (max-width: 1014px) 100vw, 1014px\" \/><\/noscript><\/figure>\n\n\n\n<p>See the <a href=\"https:\/\/ionicframework.com\/docs\/api\/input#clearinputicon\">Input<\/a> documentation for more information.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Datetime Role Information with Overlays<\/h2>\n\n\n\n<p>The <code>confirm<\/code> and <code>cancel<\/code> methods now pass the <code>&#039;datetime-confirm&#039;<\/code> and <code>&#039;datetime-cancel&#039;<\/code> roles, respectively, when dismissing the Modal or Popover the Datetime is presented in.<\/p>\n\n\n\n<p>Thanks to <a href=\"https:\/\/github.com\/Rahul-28\">Rahul-28<\/a> on GitHub for contributing this feature!<\/p>\n\n\n\n<p>Developers can install Ionic 8.1 from the <code>latest<\/code> tag on NPM:<\/p>\n\n\n\n<pre class=\"wp-block-prismatic-blocks\"><code class=\"language-\"># Ionic Angular apps\nnpm install @ionic\/angular@latest\n\n# Ionic React apps\nnpm install @ionic\/react@latest @ionic\/react-router@latest\n\n# Ionic Vue apps\nnpm install @ionic\/vue@latest @ionic\/vue-router@latest\n\n# All other Ionic apps\nnpm install @ionic\/core@latest<\/code><\/pre>\n\n\n\n<p>Thanks to everyone who made this release possible. We\u2019re immensely grateful for the community\u2019s continued contributions to improving Ionic. We\u2019ll see you soon for the next release!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Hot on the heels of Ionic Framework 8.0 is version 8.1 packed with input, datetime, and accessibility improvements!<\/p>\n","protected":false},"author":72,"featured_media":6136,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"publish_to_discourse":"1","publish_post_category":"23","wpdc_auto_publish_overridden":"","wpdc_topic_tags":"","wpdc_pin_topic":"","wpdc_pin_until":"","discourse_post_id":"576197","discourse_permalink":"http:\/\/forum.ionicframework.com\/t\/announcing-ionic-8-1\/241426","wpdc_publishing_response":"success","wpdc_publishing_error":"","_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[1,120,122],"tags":[23,3],"class_list":["post-6116","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-all","category-announcements","category-product","tag-framework","tag-ionic"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v23.0 (Yoast SEO v23.0) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Announcing Ionic 8.1 - Ionic Blog<\/title>\n<meta name=\"description\" content=\"Hot on the heels of Ionic Framework 8.0 is version 8.1 packed with input, datetime, and accessibility improvements!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/ionic.io\/blog\/announcing-ionic-8-1\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Announcing Ionic 8.1\" \/>\n<meta property=\"og:description\" content=\"Hot on the heels of Ionic Framework 8.0 is version 8.1 packed with input, datetime, and accessibility improvements!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/ionic.io\/blog\/announcing-ionic-8-1\" \/>\n<meta property=\"og:site_name\" content=\"Ionic Blog\" \/>\n<meta property=\"article:published_time\" content=\"2024-05-02T15:02:15+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-05-02T18:03:35+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2024\/05\/ionic8-1_feature-image-1024x512.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1024\" \/>\n\t<meta property=\"og:image:height\" content=\"512\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Liam DeBeasi\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@LiamDeBeasi\" \/>\n<meta name=\"twitter:site\" content=\"@ionicframework\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Liam DeBeasi\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/ionic.io\/blog\/announcing-ionic-8-1#article\",\"isPartOf\":{\"@id\":\"https:\/\/ionic.io\/blog\/announcing-ionic-8-1\"},\"author\":{\"name\":\"Liam DeBeasi\",\"@id\":\"https:\/\/ionic.io\/blog\/#\/schema\/person\/d314e583cf08e7a28c51e8ffc3d621fa\"},\"headline\":\"Announcing Ionic 8.1\",\"datePublished\":\"2024-05-02T15:02:15+00:00\",\"dateModified\":\"2024-05-02T18:03:35+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/ionic.io\/blog\/announcing-ionic-8-1\"},\"wordCount\":717,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/ionic.io\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/ionic.io\/blog\/announcing-ionic-8-1#primaryimage\"},\"thumbnailUrl\":\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2024\/05\/ionic8-1_feature-image.png\",\"keywords\":[\"Framework\",\"Ionic\"],\"articleSection\":[\"All\",\"Announcements\",\"Product\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/ionic.io\/blog\/announcing-ionic-8-1#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/ionic.io\/blog\/announcing-ionic-8-1\",\"url\":\"https:\/\/ionic.io\/blog\/announcing-ionic-8-1\",\"name\":\"Announcing Ionic 8.1 - Ionic Blog\",\"isPartOf\":{\"@id\":\"https:\/\/ionic.io\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/ionic.io\/blog\/announcing-ionic-8-1#primaryimage\"},\"image\":{\"@id\":\"https:\/\/ionic.io\/blog\/announcing-ionic-8-1#primaryimage\"},\"thumbnailUrl\":\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2024\/05\/ionic8-1_feature-image.png\",\"datePublished\":\"2024-05-02T15:02:15+00:00\",\"dateModified\":\"2024-05-02T18:03:35+00:00\",\"description\":\"Hot on the heels of Ionic Framework 8.0 is version 8.1 packed with input, datetime, and accessibility improvements!\",\"breadcrumb\":{\"@id\":\"https:\/\/ionic.io\/blog\/announcing-ionic-8-1#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/ionic.io\/blog\/announcing-ionic-8-1\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/ionic.io\/blog\/announcing-ionic-8-1#primaryimage\",\"url\":\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2024\/05\/ionic8-1_feature-image.png\",\"contentUrl\":\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2024\/05\/ionic8-1_feature-image.png\",\"width\":3360,\"height\":1680},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/ionic.io\/blog\/announcing-ionic-8-1#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/ionic.io\/blog\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Announcing Ionic 8.1\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/ionic.io\/blog\/#website\",\"url\":\"https:\/\/ionic.io\/blog\/\",\"name\":\"ionic.io\/blog\",\"description\":\"Build amazing native and progressive web apps with the web\",\"publisher\":{\"@id\":\"https:\/\/ionic.io\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/ionic.io\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/ionic.io\/blog\/#organization\",\"name\":\"Ionic\",\"url\":\"https:\/\/ionic.io\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/ionic.io\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2020\/10\/white-on-color.png\",\"contentUrl\":\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2020\/10\/white-on-color.png\",\"width\":1920,\"height\":854,\"caption\":\"Ionic\"},\"image\":{\"@id\":\"https:\/\/ionic.io\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/x.com\/ionicframework\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/ionic.io\/blog\/#\/schema\/person\/d314e583cf08e7a28c51e8ffc3d621fa\",\"name\":\"Liam DeBeasi\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/ionic.io\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2020\/01\/ZNK4lRAJ_400x400-150x150.jpg\",\"contentUrl\":\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2020\/01\/ZNK4lRAJ_400x400-150x150.jpg\",\"caption\":\"Liam DeBeasi\"},\"sameAs\":[\"https:\/\/x.com\/LiamDeBeasi\"],\"url\":\"https:\/\/ionic.io\/blog\/author\/liam\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Announcing Ionic 8.1 - Ionic Blog","description":"Hot on the heels of Ionic Framework 8.0 is version 8.1 packed with input, datetime, and accessibility improvements!","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/ionic.io\/blog\/announcing-ionic-8-1","og_locale":"en_US","og_type":"article","og_title":"Announcing Ionic 8.1","og_description":"Hot on the heels of Ionic Framework 8.0 is version 8.1 packed with input, datetime, and accessibility improvements!","og_url":"https:\/\/ionic.io\/blog\/announcing-ionic-8-1","og_site_name":"Ionic Blog","article_published_time":"2024-05-02T15:02:15+00:00","article_modified_time":"2024-05-02T18:03:35+00:00","og_image":[{"width":1024,"height":512,"url":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2024\/05\/ionic8-1_feature-image-1024x512.png","type":"image\/png"}],"author":"Liam DeBeasi","twitter_card":"summary_large_image","twitter_creator":"@LiamDeBeasi","twitter_site":"@ionicframework","twitter_misc":{"Written by":"Liam DeBeasi","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/ionic.io\/blog\/announcing-ionic-8-1#article","isPartOf":{"@id":"https:\/\/ionic.io\/blog\/announcing-ionic-8-1"},"author":{"name":"Liam DeBeasi","@id":"https:\/\/ionic.io\/blog\/#\/schema\/person\/d314e583cf08e7a28c51e8ffc3d621fa"},"headline":"Announcing Ionic 8.1","datePublished":"2024-05-02T15:02:15+00:00","dateModified":"2024-05-02T18:03:35+00:00","mainEntityOfPage":{"@id":"https:\/\/ionic.io\/blog\/announcing-ionic-8-1"},"wordCount":717,"commentCount":0,"publisher":{"@id":"https:\/\/ionic.io\/blog\/#organization"},"image":{"@id":"https:\/\/ionic.io\/blog\/announcing-ionic-8-1#primaryimage"},"thumbnailUrl":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2024\/05\/ionic8-1_feature-image.png","keywords":["Framework","Ionic"],"articleSection":["All","Announcements","Product"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/ionic.io\/blog\/announcing-ionic-8-1#respond"]}]},{"@type":"WebPage","@id":"https:\/\/ionic.io\/blog\/announcing-ionic-8-1","url":"https:\/\/ionic.io\/blog\/announcing-ionic-8-1","name":"Announcing Ionic 8.1 - Ionic Blog","isPartOf":{"@id":"https:\/\/ionic.io\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/ionic.io\/blog\/announcing-ionic-8-1#primaryimage"},"image":{"@id":"https:\/\/ionic.io\/blog\/announcing-ionic-8-1#primaryimage"},"thumbnailUrl":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2024\/05\/ionic8-1_feature-image.png","datePublished":"2024-05-02T15:02:15+00:00","dateModified":"2024-05-02T18:03:35+00:00","description":"Hot on the heels of Ionic Framework 8.0 is version 8.1 packed with input, datetime, and accessibility improvements!","breadcrumb":{"@id":"https:\/\/ionic.io\/blog\/announcing-ionic-8-1#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/ionic.io\/blog\/announcing-ionic-8-1"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/ionic.io\/blog\/announcing-ionic-8-1#primaryimage","url":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2024\/05\/ionic8-1_feature-image.png","contentUrl":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2024\/05\/ionic8-1_feature-image.png","width":3360,"height":1680},{"@type":"BreadcrumbList","@id":"https:\/\/ionic.io\/blog\/announcing-ionic-8-1#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/ionic.io\/blog"},{"@type":"ListItem","position":2,"name":"Announcing Ionic 8.1"}]},{"@type":"WebSite","@id":"https:\/\/ionic.io\/blog\/#website","url":"https:\/\/ionic.io\/blog\/","name":"ionic.io\/blog","description":"Build amazing native and progressive web apps with the web","publisher":{"@id":"https:\/\/ionic.io\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/ionic.io\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/ionic.io\/blog\/#organization","name":"Ionic","url":"https:\/\/ionic.io\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/ionic.io\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2020\/10\/white-on-color.png","contentUrl":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2020\/10\/white-on-color.png","width":1920,"height":854,"caption":"Ionic"},"image":{"@id":"https:\/\/ionic.io\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/x.com\/ionicframework"]},{"@type":"Person","@id":"https:\/\/ionic.io\/blog\/#\/schema\/person\/d314e583cf08e7a28c51e8ffc3d621fa","name":"Liam DeBeasi","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/ionic.io\/blog\/#\/schema\/person\/image\/","url":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2020\/01\/ZNK4lRAJ_400x400-150x150.jpg","contentUrl":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2020\/01\/ZNK4lRAJ_400x400-150x150.jpg","caption":"Liam DeBeasi"},"sameAs":["https:\/\/x.com\/LiamDeBeasi"],"url":"https:\/\/ionic.io\/blog\/author\/liam"}]}},"jetpack_sharing_enabled":true,"jetpack_featured_media_url":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2024\/05\/ionic8-1_feature-image.png","_links":{"self":[{"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/posts\/6116","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/users\/72"}],"replies":[{"embeddable":true,"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/comments?post=6116"}],"version-history":[{"count":17,"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/posts\/6116\/revisions"}],"predecessor-version":[{"id":6145,"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/posts\/6116\/revisions\/6145"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/media\/6136"}],"wp:attachment":[{"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/media?parent=6116"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/categories?post=6116"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/tags?post=6116"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}