<\/figure>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"Remember Tyler Hall’s personal story of a UX moment where the popup sharing context menu on iOS had no visible indication that the content inside was scrollable? The thing his mom wanted to do seemed impossible because it was out of view. iOS isn’t alone here \u2014 Terence Eden documents essentially the same problem on […]<\/p>\n","protected":false},"author":3,"featured_media":344952,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0,"sig_custom_text":"","sig_image_type":"featured-image","sig_custom_image":0,"sig_is_disabled":false,"inline_featured_image":false,"c2c_always_allow_admin_comments":false,"footnotes":"","jetpack_publicize_message":"","jetpack_is_tweetstorm":false,"jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":[]},"categories":[4],"tags":[],"jetpack_publicize_connections":[],"acf":[],"jetpack_featured_media_url":"https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2021\/07\/sharesheet-1.png?fit=1242%2C2208&ssl=1","jetpack-related-posts":[{"id":295666,"url":"https:\/\/css-tricks.com\/ux-considerations-for-web-sharing\/","url_meta":{"origin":344950,"position":0},"title":"UX Considerations for Web Sharing","date":"September 20, 2019","format":false,"excerpt":"From trashy clickbait sites to the most august of publications, share buttons have long been ubiquitous across the web. And yet it is arguable that these buttons aren\u2019t needed. All mobile browsers \u2014 Firefox, Edge, Safari, Chrome, Opera Mini, UC Browser, Samsung Internet \u2014 make it easy to share content\u2026","rel":"","context":"In "Article"","img":{"alt_text":"","src":"https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2019\/09\/sharing-icons.png?fit=1200%2C600&ssl=1&resize=350%2C200","width":350,"height":200},"classes":[]},{"id":288685,"url":"https:\/\/css-tricks.com\/how-to-use-the-web-share-api\/","url_meta":{"origin":344950,"position":1},"title":"How to Use the Web Share API","date":"June 6, 2019","format":false,"excerpt":"The Web Share API is one that has seemingly gone under the radar since it was first introduced in Chrome 61 for Android. In essence, it provides a way to trigger the native share dialog of a device (or desktop, if using Safari) when sharing content \u2014 say a link\u2026","rel":"","context":"In "Article"","img":{"alt_text":"","src":"https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2019\/05\/web-share-api.png?fit=1200%2C600&ssl=1&resize=350%2C200","width":350,"height":200},"classes":[]},{"id":287475,"url":"https:\/\/css-tricks.com\/everything-you-ever-wanted-to-know-about-inputmode\/","url_meta":{"origin":344950,"position":2},"title":"Everything You Ever Wanted to Know About inputmode","date":"May 17, 2019","format":false,"excerpt":"The inputmode global attribute provides a hint to browsers for devices with onscreen keyboards to help them decide which keyboard to display when a user has selected any input or textarea element. Unlike changing the\u00a0type\u00a0of the form,\u00a0inputmode\u00a0doesn\u2019t change the way the browser interprets\u2026","rel":"","context":"In "Article"","img":{"alt_text":"","src":"https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2019\/05\/mobile-phone-keypad.png?fit=1200%2C600&ssl=1&resize=350%2C200","width":350,"height":200},"classes":[]},{"id":306387,"url":"https:\/\/css-tricks.com\/better-form-inputs-for-better-mobile-user-experiences\/","url_meta":{"origin":344950,"position":3},"title":"Better Form Inputs for Better Mobile User Experiences","date":"April 17, 2020","format":false,"excerpt":"Here\u2019s one simple, practical way to make apps perform better on mobile devices: always configure HTML input fields with the correct type, inputmode, and autocomplete attributes. While these three attributes are often discussed in isolation, they make the most sense in the context of mobile user experience when you think\u2026","rel":"","context":"In "Article"","img":{"alt_text":"","src":"https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2020\/04\/input-date-featured.png?fit=1200%2C600&ssl=1&resize=350%2C200","width":350,"height":200},"classes":[]},{"id":352627,"url":"https:\/\/css-tricks.com\/front-end-dev-shortcuts-in-ios-15\/","url_meta":{"origin":344950,"position":4},"title":"Front-End Dev Shortcuts in iOS 15","date":"September 29, 2021","format":false,"excerpt":"I was pretty stoked when Chris shared a way to \"View Source\" on mobile. Sure, it's not the same as a built-in feature but it allows iOS users like myself a way to peek at a site's code the same way folks on Android can by prepending view-source: to a\u2026","rel":"","context":"In "Article"","img":{"alt_text":"","src":"https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2021\/09\/ios-shortcuts.png?fit=1200%2C600&ssl=1&resize=350%2C200","width":350,"height":200},"classes":[]},{"id":19233,"url":"https:\/\/css-tricks.com\/responsive-menu-concepts\/","url_meta":{"origin":344950,"position":5},"title":"Responsive Menu Concepts","date":"November 19, 2012","format":false,"excerpt":"Tim Pietrusky shares a number of different techniques for handling menus on smaller screens when the large screen version, unaltered, is untenable on the small screen.","rel":"","context":"In "Article"","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]}],"featured_media_src_url":"https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2021\/07\/sharesheet-1.png?fit=576%2C1024&ssl=1","_links":{"self":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/posts\/344950"}],"collection":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/comments?post=344950"}],"version-history":[{"count":5,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/posts\/344950\/revisions"}],"predecessor-version":[{"id":345316,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/posts\/344950\/revisions\/345316"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/media\/344952"}],"wp:attachment":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/media?parent=344950"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/categories?post=344950"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/tags?post=344950"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}