--- title: Article Modal | daily.dev description: When you click on a card in one of the feeds to comment, we will now show you our new article modal, instead of a new page. We have introduced next and... canonical: https://daily.dev/posts/article-modal-rvq3q47gc twitter:card: summary_large_image twitter:site: @dailydotdev og:type: website og:site_name: daily.dev og:title: Article Modal | daily.dev og:description: When you click on a card in one of the feeds to comment, we will now show you our new article modal, instead of a new page. We have introduced next and... og:url: https://daily.dev/posts/article-modal-rvq3q47gc og:image: https://api.daily.dev/og/posts/RVQ3Q47Gc.png og:image:alt: Article Modal og:image:width: 1200 og:image:height: 630 og:locale: en --- > ## Documentation Index > Fetch the complete documentation index at: https://daily.dev/llms.txt > Use this file to discover all available pages before exploring further. # Article Modal **[daily.dev Changelog](https://daily.dev/sources/daily_updates)** · 1 min read · 143 upvotes · 32 comments ## Summary When you click on a card in one of the feeds to comment, we will now show you our new article modal, instead of a new page. We have introduced next and previous article buttons, coupled with left and right arrow key navigation. We also made the UI far more intuitive with a nice big "read article" button once you have read the TLDR and decide this article is worth a read! ## Full article daily.dev links to this article rather than hosting it. Read it at the original source: ## Community discussion Top comments from developers on daily.dev. **@idoshamun** · 6 upvotes > I'd love to hear what you think about the new article modal! 🤩 > Soon to be released in the extension but until then you can enjoy it using our webapp **@qorbani** · 3 upvotes > I love to see enhancements in Daily dev 👌 It would be awesome to add gestures as well as key navigation for users like me that heavily use it on Mobile. 🙏 **@kkurko** · 3 upvotes > I really love it! Cool user experience and having shortcuts is great. > > > But I want to describe an issue I once faced in my career. We named it modal hell. I've been working as employee engagement front-end developer and one of the features we were working was newsfeed and new post modal. Initially it was okay, but with new customer requests it became much worse in user experience. We had modal for delivery options, modal for expiration date, modal for the scope of delivery. And all these modals inside new post modal. And it's terrible when you need to close one modal, open another and go... **@liljackson** · 2 upvotes > # this is awsome **@ariaieboy** · 2 upvotes > i think it's a better apporoach to give the user the option to chose between the modal and the old way of opening the comment section. since still we can access the old method with using the url of the post in daily.dev its not that hard to make it optional --- Tags: [#dailydev](https://daily.dev/tags/dailydev) [View this post on daily.dev](https://daily.dev/posts/article-modal-rvq3q47gc) ```json {"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/#organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180},"sameAs":["https://twitter.com/dailydotdev","https://github.com/dailydotdev","https://www.linkedin.com/company/daily-dev-ltd"]},{"@type":"WebSite","@id":"https://daily.dev/#website","url":"https://daily.dev","name":"daily.dev","publisher":{"@id":"https://daily.dev/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://daily.dev/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}]} {"@context":"https://schema.org","@type":"TechArticle","headline":"Article Modal","url":"https://daily.dev/posts/article-modal-rvq3q47gc","mainEntityOfPage":{"@type":"WebPage","@id":"https://daily.dev/posts/article-modal-rvq3q47gc"},"datePublished":"2022-04-27T08:53:56.980Z","dateModified":"2022-04-27T08:53:56.981Z","description":"When you click on a card in one of the feeds to comment, we will now show you our new article modal, instead of a new page. We have introduced next and...","image":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/fa3c2aeee9a05c5c26967f7d53a25286","thumbnailUrl":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/fa3c2aeee9a05c5c26967f7d53a25286","isAccessibleForFree":true,"articleSection":"daily.dev Changelog","inLanguage":"en","publisher":{"@type":"Organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180}},"author":{"@type":"Organization","name":"daily.dev Changelog","logo":"https://media.daily.dev/image/upload/s--COeiQtov--/f_auto/v1704465510/squads/daily_updates","url":"https://daily.dev/squads/daily_updates"},"commentCount":32,"discussionUrl":"https://daily.dev/posts/article-modal-rvq3q47gc","interactionStatistic":[{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":143},{"@type":"InteractionCounter","interactionType":{"@type":"CommentAction"},"userInteractionCount":32}],"keywords":"dailydev","timeRequired":"PT1M"} {"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"daily.dev Changelog","item":"https://daily.dev/squads/daily_updates"},{"@type":"ListItem","position":3,"name":"Article Modal"}]} {"@context":"https://schema.org","@type":"WebPage","@id":"https://daily.dev/posts/article-modal-rvq3q47gc","comment":[{"@type":"Comment","text":"I’d love to hear what you think about the new article modal! 🤩\nSoon to be released in the extension but until then you can enjoy it using our webapp","datePublished":"2022-04-27T09:04:53.235Z","url":"https://daily.dev/posts/RVQ3Q47Gc#c-TjaKtZG35","author":{"@type":"Person","name":"Ido Shamun","url":"https://daily.dev/idoshamun","image":"https://media.daily.dev/image/upload/s---xy_OAwk--/f_auto,q_auto/v1703781380/avatars/avatar_28849d86070e4c099c877ab6837c61f0"},"interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":6}},{"@type":"Comment","text":"I love to see enhancements in Daily dev 👌 It would be awesome to add gestures as well as key navigation for users like me that heavily use it on Mobile. 🙏","datePublished":"2022-04-27T21:38:02.894Z","url":"https://daily.dev/posts/RVQ3Q47Gc#c-SHCFm9jqI","author":{"@type":"Person","name":"Reza Qorbani","url":"https://daily.dev/qorbani","image":"https://lh3.googleusercontent.com/a-/AOh14GicRsBv1R2bow9xeULTbHUxF6JhOeX44QfZdHnSwA=s100"},"interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":3}},{"@type":"Comment","text":"I really love it! Cool user experience and having shortcuts is great.\nBut I want to describe an issue I once faced in my career. We named it modal hell. I’ve been working as employee engagement front-end developer and one of the features we were working was newsfeed and new post modal. Initially it was okay, but with new customer requests it became much worse in user experience. We had modal for delivery options, modal for expiration date, modal for the scope of delivery. And all these modals inside new post modal. And it’s terrible when you need to close one modal, open another and go back if you need to check some options you recently set or something like this.\nI think article modal is much better for now, but remember my case if you are going to add new features to this modal, maybe it will be better to switch back to a separate page","datePublished":"2022-04-30T15:42:16.709Z","dateModified":"2022-04-30T18:13:10.527Z","url":"https://daily.dev/posts/RVQ3Q47Gc#c-NZkF_XX7z","author":{"@type":"Person","name":"Kirill Kurko","url":"https://daily.dev/kkurko","image":"https://avatars.githubusercontent.com/u/58859242?v=4"},"interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":3}},{"@type":"Comment","text":"this is awsome","datePublished":"2022-04-28T01:48:54.533Z","url":"https://daily.dev/posts/RVQ3Q47Gc#c-80OaHxEvU","author":{"@type":"Person","name":"Lil Jackson","url":"https://daily.dev/liljackson","image":"https://media.daily.dev/image/upload/f_auto/v1652337557/avatars/t5H3SCb0hNrGsnTi5Zyxk"},"interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":2}},{"@type":"Comment","text":"i think it’s a better apporoach to give the user the option to chose between the modal and the old way of opening the comment section. since still we can access the old method with using the url of the post in daily.dev its not that hard to make it optional","datePublished":"2022-04-27T17:05:29.499Z","url":"https://daily.dev/posts/RVQ3Q47Gc#c-6PS0cyraM","author":{"@type":"Person","name":"AriaieBOY","url":"https://daily.dev/ariaieboy","image":"https://avatars.githubusercontent.com/u/15873972?v=4"},"interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":2}}]} ```