[{"id":"18566748159","type":"IssueCommentEvent","actor":{"id":882133,"login":"reinink","display_login":"reinink","gravatar_id":"","url":"https://api.github.com/users/reinink","avatar_url":"https://avatars.githubusercontent.com/u/882133?"},"repo":{"id":244019378,"name":"tailwindlabs/tailwindui-issues","url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues"},"payload":{"action":"created","issue":{"url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues/issues/579","repository_url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues","labels_url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues/issues/579/labels{/name}","comments_url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues/issues/579/comments","events_url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues/issues/579/events","html_url":"https://github.com/tailwindlabs/tailwindui-issues/issues/579","id":861886628,"node_id":"MDU6SXNzdWU4NjE4ODY2Mjg=","number":579,"title":"iOS Safari Address Bar and Toolbar don't shrink on scroll","user":{"login":"archilex","id":6097099,"node_id":"MDQ6VXNlcjYwOTcwOTk=","avatar_url":"https://avatars.githubusercontent.com/u/6097099?v=4","gravatar_id":"","url":"https://api.github.com/users/archilex","html_url":"https://github.com/archilex","followers_url":"https://api.github.com/users/archilex/followers","following_url":"https://api.github.com/users/archilex/following{/other_user}","gists_url":"https://api.github.com/users/archilex/gists{/gist_id}","starred_url":"https://api.github.com/users/archilex/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/archilex/subscriptions","organizations_url":"https://api.github.com/users/archilex/orgs","repos_url":"https://api.github.com/users/archilex/repos","events_url":"https://api.github.com/users/archilex/events{/privacy}","received_events_url":"https://api.github.com/users/archilex/received_events","type":"User","site_admin":false},"labels":[{"id":1879315588,"node_id":"MDU6TGFiZWwxODc5MzE1NTg4","url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues/labels/bug","name":"bug","color":"e02424","default":true,"description":"Something isn't working"}],"state":"closed","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":5,"created_at":"2021-04-19T20:50:59Z","updated_at":"2021-10-23T14:28:40Z","closed_at":"2021-10-19T14:16:11Z","author_association":"NONE","active_lock_reason":null,"body":"**What component (if applicable)**\r\n- URL for category: https://tailwindui.com/components/application-ui/page-examples/detail-screens\r\n- Component name: Multicolumn Directory\r\n\r\n**Describe the bug**\r\nIn iOS Safari (as well as Chrome/Brave on iOS) when you scroll the address bar does not shrink and the bottom toolbar does not hide as they are supposed to. This seems to be caused by the overflow:hidden classes, but may also be related to #539 (even though the issue in #539 is separate, the example video in that issue demonstrates this same bug).\r\n\r\nWorkaround: Setting the classes to lg:overflow-hidden will make make the address bar and toolbar shrink/hide on mobile, but the navigation bar will no longer be static, which in our case was the preferred functionality anyway.\r\n\r\n**To Reproduce**\r\nView copied html in safari on ios.\r\n\r\n**Expected behavior**\r\nThe address bar and toolbar should shrink/hide on scroll\r\n\r\n**Screenshots**\r\n\r\nhttps://user-images.githubusercontent.com/6097099/115301126-092d8100-a11e-11eb-836e-a58d7ef1044e.mov\r\n\r\n**Browser/Device (if applicable)**\r\n - OS: iOS\r\n - Browser: safari, chrome","reactions":{"url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues/issues/579/reactions","total_count":0,"+1":0,"-1":0,"laugh":0,"hooray":0,"confused":0,"heart":0,"rocket":0,"eyes":0},"timeline_url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues/issues/579/timeline","performed_via_github_app":null},"comment":{"url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues/issues/comments/950160869","html_url":"https://github.com/tailwindlabs/tailwindui-issues/issues/579#issuecomment-950160869","issue_url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues/issues/579","id":950160869,"node_id":"IC_kwDODotwss44ok3l","user":{"login":"reinink","id":882133,"node_id":"MDQ6VXNlcjg4MjEzMw==","avatar_url":"https://avatars.githubusercontent.com/u/882133?v=4","gravatar_id":"","url":"https://api.github.com/users/reinink","html_url":"https://github.com/reinink","followers_url":"https://api.github.com/users/reinink/followers","following_url":"https://api.github.com/users/reinink/following{/other_user}","gists_url":"https://api.github.com/users/reinink/gists{/gist_id}","starred_url":"https://api.github.com/users/reinink/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/reinink/subscriptions","organizations_url":"https://api.github.com/users/reinink/orgs","repos_url":"https://api.github.com/users/reinink/repos","events_url":"https://api.github.com/users/reinink/events{/privacy}","received_events_url":"https://api.github.com/users/reinink/received_events","type":"User","site_admin":false},"created_at":"2021-10-23T14:28:40Z","updated_at":"2021-10-23T14:28:40Z","author_association":"MEMBER","body":"@archilex Hey there! Hmm, you're totally right, and I didn't read this issue carefully enough when closing this one. I was looking at the video you shared originally, and noticed that when scrolling you were not able to easily get to the bottom of the page โ€”ย which is one of the issues I was trying to fix with this whole update.\r\n\r\nSo the trick (as noted [here](https://github.com/tailwindlabs/tailwindui-issues/issues/236#issuecomment-946826901)) to fixing many of these full height related issues on iOS/Android is to use body scrolling and not container scrolling. Doing that fixed a ton of our layout components โ€”ย especially those with a sidebar.\r\n\r\nHowever, for the multicolumn layouts we made the decision to stick with container scrolling and not body scrolling, just because the hacks required to make it work with body scrolling didn't seem worth it. Plus, doing some research we noticed that other popular multi-column layout apps like Gmail and Linear used container scrolling as well, which I think is more appropriate for this type of desktop style layout. However, the trade off is that the address bar and toolbar don't shrink when scrolling on iOS. That felt like an acceptable tradeoff for the multi-column layouts, since it meant everything else just worked.\r\n\r\nYou can definitely make this still work if you want using body scrolling. You just need to do a double padding-left offset for the main content area (the body). High level, here's how to do that:\r\n\r\n```html\r\n\r\n\r\n\r\n
\r\n \r\n
\r\n
\r\n \r\n
\r\n
\r\n \r\n
\r\n\r\n\r\n\r\n```\r\n\r\nNotice here how we use `md:pl-64` to set the left padding of the content area when only the sidebar is showing, and then `lg:pl-128` when the sidebar *and* secondary sidebar/content is visible at the large size. Note, `128` isn't a default spacing value in Tailwind, so you'll either need to add that, or use an arbitrary value (`lg:pl-[32rem]`) if you're using JIT mode.\r\n\r\nI also put together a more flushed out example of this on Tailwind Play, if it helps:\r\n\r\nhttps://play.tailwindcss.com/L76dMR1BqC\r\n\r\nAnd here's a demo of how that looks on iOS.\r\n\r\nhttps://user-images.githubusercontent.com/882133/138560474-73854c58-617a-4272-b3d8-2ba28e9e5719.mov\r\n\r\n\r\n\r\n","reactions":{"url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues/issues/comments/950160869/reactions","total_count":0,"+1":0,"-1":0,"laugh":0,"hooray":0,"confused":0,"heart":0,"rocket":0,"eyes":0},"performed_via_github_app":null}},"public":true,"created_at":"2021-10-23T14:28:41Z","org":{"id":67109815,"login":"tailwindlabs","gravatar_id":"","url":"https://api.github.com/orgs/tailwindlabs","avatar_url":"https://avatars.githubusercontent.com/u/67109815?"}},{"id":"18529438736","type":"IssueCommentEvent","actor":{"id":882133,"login":"reinink","display_login":"reinink","gravatar_id":"","url":"https://api.github.com/users/reinink","avatar_url":"https://avatars.githubusercontent.com/u/882133?"},"repo":{"id":244019378,"name":"tailwindlabs/tailwindui-issues","url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues"},"payload":{"action":"created","issue":{"url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues/issues/380","repository_url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues","labels_url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues/issues/380/labels{/name}","comments_url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues/issues/380/comments","events_url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues/issues/380/events","html_url":"https://github.com/tailwindlabs/tailwindui-issues/issues/380","id":747972444,"node_id":"MDU6SXNzdWU3NDc5NzI0NDQ=","number":380,"title":"Size of icon button","user":{"login":"florianbouvot","id":2061540,"node_id":"MDQ6VXNlcjIwNjE1NDA=","avatar_url":"https://avatars.githubusercontent.com/u/2061540?v=4","gravatar_id":"","url":"https://api.github.com/users/florianbouvot","html_url":"https://github.com/florianbouvot","followers_url":"https://api.github.com/users/florianbouvot/followers","following_url":"https://api.github.com/users/florianbouvot/following{/other_user}","gists_url":"https://api.github.com/users/florianbouvot/gists{/gist_id}","starred_url":"https://api.github.com/users/florianbouvot/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/florianbouvot/subscriptions","organizations_url":"https://api.github.com/users/florianbouvot/orgs","repos_url":"https://api.github.com/users/florianbouvot/repos","events_url":"https://api.github.com/users/florianbouvot/events{/privacy}","received_events_url":"https://api.github.com/users/florianbouvot/received_events","type":"User","site_admin":false},"labels":[{"id":1879315588,"node_id":"MDU6TGFiZWwxODc5MzE1NTg4","url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues/labels/bug","name":"bug","color":"e02424","default":true,"description":"Something isn't working"}],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":3,"created_at":"2020-11-21T08:07:40Z","updated_at":"2021-10-21T02:47:18Z","closed_at":null,"author_association":"NONE","active_lock_reason":null,"body":"**What component**\r\n- Component name: Navbars, Slide-overs, ...\r\n\r\n**Describe the bug**\r\nIt's not a bug, but I'm wondering if the size of some icon button are ok for accessibility and touch target?\r\n\r\n- notification button in navbar: 32px\r\n- close button in slide-overs: 24px\r\n\r\n**Expected behavior**\r\nI was thinking that this kind of button must be bigger: iOS recommends 44px and Android 48px.","reactions":{"url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues/issues/380/reactions","total_count":0,"+1":0,"-1":0,"laugh":0,"hooray":0,"confused":0,"heart":0,"rocket":0,"eyes":0},"timeline_url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues/issues/380/timeline","performed_via_github_app":null},"comment":{"url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues/issues/comments/948205469","html_url":"https://github.com/tailwindlabs/tailwindui-issues/issues/380#issuecomment-948205469","issue_url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues/issues/380","id":948205469,"node_id":"IC_kwDODotwss44hHed","user":{"login":"reinink","id":882133,"node_id":"MDQ6VXNlcjg4MjEzMw==","avatar_url":"https://avatars.githubusercontent.com/u/882133?v=4","gravatar_id":"","url":"https://api.github.com/users/reinink","html_url":"https://github.com/reinink","followers_url":"https://api.github.com/users/reinink/followers","following_url":"https://api.github.com/users/reinink/following{/other_user}","gists_url":"https://api.github.com/users/reinink/gists{/gist_id}","starred_url":"https://api.github.com/users/reinink/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/reinink/subscriptions","organizations_url":"https://api.github.com/users/reinink/orgs","repos_url":"https://api.github.com/users/reinink/repos","events_url":"https://api.github.com/users/reinink/events{/privacy}","received_events_url":"https://api.github.com/users/reinink/received_events","type":"User","site_admin":false},"created_at":"2021-10-21T02:47:17Z","updated_at":"2021-10-21T02:47:17Z","author_association":"MEMBER","body":"@florianbouvot Hey thanks again for sharing this feedback. We're still hoping to still get to this update ๐Ÿ‘ \r\n\r\nRelevant WCAG documentation: https://www.w3.org/WAI/WCAG21/Understanding/target-size.html","reactions":{"url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues/issues/comments/948205469/reactions","total_count":0,"+1":0,"-1":0,"laugh":0,"hooray":0,"confused":0,"heart":0,"rocket":0,"eyes":0},"performed_via_github_app":null}},"public":true,"created_at":"2021-10-21T02:47:18Z","org":{"id":67109815,"login":"tailwindlabs","gravatar_id":"","url":"https://api.github.com/orgs/tailwindlabs","avatar_url":"https://avatars.githubusercontent.com/u/67109815?"}},{"id":"18528193506","type":"IssueCommentEvent","actor":{"id":882133,"login":"reinink","display_login":"reinink","gravatar_id":"","url":"https://api.github.com/users/reinink","avatar_url":"https://avatars.githubusercontent.com/u/882133?"},"repo":{"id":244019378,"name":"tailwindlabs/tailwindui-issues","url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues"},"payload":{"action":"created","issue":{"url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues/issues/418","repository_url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues","labels_url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues/issues/418/labels{/name}","comments_url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues/issues/418/comments","events_url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues/issues/418/events","html_url":"https://github.com/tailwindlabs/tailwindui-issues/issues/418","id":773344509,"node_id":"MDU6SXNzdWU3NzMzNDQ1MDk=","number":418,"title":"Modal content off screen","user":{"login":"atrimn","id":29229355,"node_id":"MDQ6VXNlcjI5MjI5MzU1","avatar_url":"https://avatars.githubusercontent.com/u/29229355?v=4","gravatar_id":"","url":"https://api.github.com/users/atrimn","html_url":"https://github.com/atrimn","followers_url":"https://api.github.com/users/atrimn/followers","following_url":"https://api.github.com/users/atrimn/following{/other_user}","gists_url":"https://api.github.com/users/atrimn/gists{/gist_id}","starred_url":"https://api.github.com/users/atrimn/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/atrimn/subscriptions","organizations_url":"https://api.github.com/users/atrimn/orgs","repos_url":"https://api.github.com/users/atrimn/repos","events_url":"https://api.github.com/users/atrimn/events{/privacy}","received_events_url":"https://api.github.com/users/atrimn/received_events","type":"User","site_admin":false},"labels":[{"id":1879315588,"node_id":"MDU6TGFiZWwxODc5MzE1NTg4","url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues/labels/bug","name":"bug","color":"e02424","default":true,"description":"Something isn't working"}],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":6,"created_at":"2020-12-23T01:02:29Z","updated_at":"2021-10-21T00:12:29Z","closed_at":null,"author_association":"NONE","active_lock_reason":null,"body":"**What component (if applicable)**\r\n- URL for category: https://tailwindui.com/components/application-ui/overlays/modals\r\n- Component name: Modal \r\n\r\n**Describe the bug**\r\nA clear and concise description of what the bug is.\r\nWhen the modal is opened the content is off the screen.\r\nbut when i remove this:\r\n {/* This element is to trick the browser into centering the modal contents. */}\r\n \r\nthe modal content goes into view\r\n\r\n**To Reproduce**\r\nSteps to reproduce the behavior:\r\n1. copy & paste modal from the first example.\r\n2. open the modal\r\n\r\n**Expected behavior**\r\nWhen the modal is opened the content of the modal should be centered on the screen\r\n\r\n**Screenshots**\r\nIf applicable, add screenshots to help explain your problem.\r\n\r\n**Browser/Device (if applicable)**\r\n - OS: [e.g. iOS]\r\n - Browser [e.g. chrome, safari]\r\n - Version [e.g. 22]\r\n\r\n**Additional context**\r\nAdd any other context about the problem here.\r\n","reactions":{"url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues/issues/418/reactions","total_count":0,"+1":0,"-1":0,"laugh":0,"hooray":0,"confused":0,"heart":0,"rocket":0,"eyes":0},"timeline_url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues/issues/418/timeline","performed_via_github_app":null},"comment":{"url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues/issues/comments/948127714","html_url":"https://github.com/tailwindlabs/tailwindui-issues/issues/418#issuecomment-948127714","issue_url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues/issues/418","id":948127714,"node_id":"IC_kwDODotwss44g0fi","user":{"login":"reinink","id":882133,"node_id":"MDQ6VXNlcjg4MjEzMw==","avatar_url":"https://avatars.githubusercontent.com/u/882133?v=4","gravatar_id":"","url":"https://api.github.com/users/reinink","html_url":"https://github.com/reinink","followers_url":"https://api.github.com/users/reinink/followers","following_url":"https://api.github.com/users/reinink/following{/other_user}","gists_url":"https://api.github.com/users/reinink/gists{/gist_id}","starred_url":"https://api.github.com/users/reinink/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/reinink/subscriptions","organizations_url":"https://api.github.com/users/reinink/orgs","repos_url":"https://api.github.com/users/reinink/repos","events_url":"https://api.github.com/users/reinink/events{/privacy}","received_events_url":"https://api.github.com/users/reinink/received_events","type":"User","site_admin":false},"created_at":"2021-10-21T00:12:29Z","updated_at":"2021-10-21T00:12:29Z","author_association":"MEMBER","body":"Hey all, I'm just following up on this *old* issue. My apologies for the delay on this one.\r\n\r\nI suspect this might just no longer be an issue, but on the off chance that any of you are still experiencing this with Tailwind UI, can you let me know? Ideally, if you could provide a minimal reproduction repo that would be a huge help ๐Ÿ™ \r\n\r\nI am personally unable to reproduce this issue using the instructions provided above. You can find my demo repo here: https://github.com/reinink/tailwindui-issues-418\r\n\r\n![image](https://user-images.githubusercontent.com/882133/138189204-b2e6b4b8-f22b-4d6f-92f7-9a50354cc0ea.png)\r\n","reactions":{"url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues/issues/comments/948127714/reactions","total_count":0,"+1":0,"-1":0,"laugh":0,"hooray":0,"confused":0,"heart":0,"rocket":0,"eyes":0},"performed_via_github_app":null}},"public":true,"created_at":"2021-10-21T00:12:29Z","org":{"id":67109815,"login":"tailwindlabs","gravatar_id":"","url":"https://api.github.com/orgs/tailwindlabs","avatar_url":"https://avatars.githubusercontent.com/u/67109815?"}},{"id":"18528175775","type":"PushEvent","actor":{"id":882133,"login":"reinink","display_login":"reinink","gravatar_id":"","url":"https://api.github.com/users/reinink","avatar_url":"https://avatars.githubusercontent.com/u/882133?"},"repo":{"id":419526092,"name":"reinink/tailwindui-issues-418","url":"https://api.github.com/repos/reinink/tailwindui-issues-418"},"payload":{"push_id":8201668512,"size":1,"distinct_size":1,"ref":"refs/heads/main","head":"87615fcba3124b4dc10a1170de9f22be6e39edb3","before":"11632b6bcd9407785c5945ce4099b5e66c6881c7","commits":[{"sha":"87615fcba3124b4dc10a1170de9f22be6e39edb3","author":{"email":"jonathan@reinink.ca","name":"Jonathan Reinink"},"message":"Setup modal example","distinct":true,"url":"https://api.github.com/repos/reinink/tailwindui-issues-418/commits/87615fcba3124b4dc10a1170de9f22be6e39edb3"}]},"public":true,"created_at":"2021-10-21T00:10:17Z"},{"id":"18528148029","type":"CreateEvent","actor":{"id":882133,"login":"reinink","display_login":"reinink","gravatar_id":"","url":"https://api.github.com/users/reinink","avatar_url":"https://avatars.githubusercontent.com/u/882133?"},"repo":{"id":419526092,"name":"reinink/tailwindui-issues-418","url":"https://api.github.com/repos/reinink/tailwindui-issues-418"},"payload":{"ref":"main","ref_type":"branch","master_branch":"main","description":null,"pusher_type":"user"},"public":true,"created_at":"2021-10-21T00:06:50Z"},{"id":"18528147650","type":"CreateEvent","actor":{"id":882133,"login":"reinink","display_login":"reinink","gravatar_id":"","url":"https://api.github.com/users/reinink","avatar_url":"https://avatars.githubusercontent.com/u/882133?"},"repo":{"id":419526092,"name":"reinink/tailwindui-issues-418","url":"https://api.github.com/repos/reinink/tailwindui-issues-418"},"payload":{"ref":null,"ref_type":"repository","master_branch":"main","description":null,"pusher_type":"user"},"public":true,"created_at":"2021-10-21T00:06:48Z"},{"id":"18528018384","type":"IssueCommentEvent","actor":{"id":882133,"login":"reinink","display_login":"reinink","gravatar_id":"","url":"https://api.github.com/users/reinink","avatar_url":"https://avatars.githubusercontent.com/u/882133?"},"repo":{"id":244019378,"name":"tailwindlabs/tailwindui-issues","url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues"},"payload":{"action":"created","issue":{"url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues/issues/572","repository_url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues","labels_url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues/issues/572/labels{/name}","comments_url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues/issues/572/comments","events_url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues/issues/572/events","html_url":"https://github.com/tailwindlabs/tailwindui-issues/issues/572","id":860893126,"node_id":"MDU6SXNzdWU4NjA4OTMxMjY=","number":572,"title":"Mobile Navbar not closing on Navigation","user":{"login":"pfried","id":1744875,"node_id":"MDQ6VXNlcjE3NDQ4NzU=","avatar_url":"https://avatars.githubusercontent.com/u/1744875?v=4","gravatar_id":"","url":"https://api.github.com/users/pfried","html_url":"https://github.com/pfried","followers_url":"https://api.github.com/users/pfried/followers","following_url":"https://api.github.com/users/pfried/following{/other_user}","gists_url":"https://api.github.com/users/pfried/gists{/gist_id}","starred_url":"https://api.github.com/users/pfried/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/pfried/subscriptions","organizations_url":"https://api.github.com/users/pfried/orgs","repos_url":"https://api.github.com/users/pfried/repos","events_url":"https://api.github.com/users/pfried/events{/privacy}","received_events_url":"https://api.github.com/users/pfried/received_events","type":"User","site_admin":false},"labels":[{"id":1879315588,"node_id":"MDU6TGFiZWwxODc5MzE1NTg4","url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues/labels/bug","name":"bug","color":"e02424","default":true,"description":"Something isn't working"}],"state":"closed","locked":false,"assignee":{"login":"reinink","id":882133,"node_id":"MDQ6VXNlcjg4MjEzMw==","avatar_url":"https://avatars.githubusercontent.com/u/882133?v=4","gravatar_id":"","url":"https://api.github.com/users/reinink","html_url":"https://github.com/reinink","followers_url":"https://api.github.com/users/reinink/followers","following_url":"https://api.github.com/users/reinink/following{/other_user}","gists_url":"https://api.github.com/users/reinink/gists{/gist_id}","starred_url":"https://api.github.com/users/reinink/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/reinink/subscriptions","organizations_url":"https://api.github.com/users/reinink/orgs","repos_url":"https://api.github.com/users/reinink/repos","events_url":"https://api.github.com/users/reinink/events{/privacy}","received_events_url":"https://api.github.com/users/reinink/received_events","type":"User","site_admin":false},"assignees":[{"login":"reinink","id":882133,"node_id":"MDQ6VXNlcjg4MjEzMw==","avatar_url":"https://avatars.githubusercontent.com/u/882133?v=4","gravatar_id":"","url":"https://api.github.com/users/reinink","html_url":"https://github.com/reinink","followers_url":"https://api.github.com/users/reinink/followers","following_url":"https://api.github.com/users/reinink/following{/other_user}","gists_url":"https://api.github.com/users/reinink/gists{/gist_id}","starred_url":"https://api.github.com/users/reinink/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/reinink/subscriptions","organizations_url":"https://api.github.com/users/reinink/orgs","repos_url":"https://api.github.com/users/reinink/repos","events_url":"https://api.github.com/users/reinink/events{/privacy}","received_events_url":"https://api.github.com/users/reinink/received_events","type":"User","site_admin":false}],"milestone":null,"comments":6,"created_at":"2021-04-19T04:57:12Z","updated_at":"2021-10-20T23:50:28Z","closed_at":"2021-10-20T23:48:04Z","author_association":"NONE","active_lock_reason":null,"body":"**What component (if applicable)**\r\n- URL for category: \r\n- https://tailwindui.com/components/application-ui/navigation/navbar\r\n- Component name: \r\n- Simple\r\n\r\n**Describe the bug**\r\nI asked on discord, and I have not been the only one how how to solve this. Since there seems to be no easy answer I wanted to create an issue here:\r\n\r\nThis applies to the mobile navigation with the hamburger / close icon on small screens.\r\n\r\nThere is an expectation that a Navbar would close when you click a link within the component. E.g. you have a SPA react application and you navigate internally without page reloads (so no real `` links). Especially on mobile devices you will click a link, but cannot see the content due to the overlapping menu. You do not get feedback on the navigation happening and you will have to click the close icon on top right first.\r\n\r\n**To Reproduce**\r\nSteps to reproduce the behavior:\r\n1. Go to the Navbar component and narrow it down so that the mobile menu appears\r\n2. Open the mobile navbar by clicking the hamburger icon\r\n3. Select on of the options in the navbar\r\n4. The navbar does not close\r\n\r\n**Expected behavior**\r\nI understand that some items do need the menu to stay open but it would be great if the navbar (the underlying `Disclosure` component exposes a method to close the menu.\r\n\r\nOr the Navbar component is rebuild on the `Menu` component so that it automatically closes when you select an item (just like the user navigation in the Navbar component)\r\n\r\n**Screenshots**\r\n![image](https://user-images.githubusercontent.com/1744875/115183485-23df0600-a0dc-11eb-98eb-ad97aebc6229.png)\r\n\r\n","reactions":{"url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues/issues/572/reactions","total_count":0,"+1":0,"-1":0,"laugh":0,"hooray":0,"confused":0,"heart":0,"rocket":0,"eyes":0},"timeline_url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues/issues/572/timeline","performed_via_github_app":null},"comment":{"url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues/issues/comments/948118604","html_url":"https://github.com/tailwindlabs/tailwindui-issues/issues/572#issuecomment-948118604","issue_url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues/issues/572","id":948118604,"node_id":"IC_kwDODotwss44gyRM","user":{"login":"reinink","id":882133,"node_id":"MDQ6VXNlcjg4MjEzMw==","avatar_url":"https://avatars.githubusercontent.com/u/882133?v=4","gravatar_id":"","url":"https://api.github.com/users/reinink","html_url":"https://github.com/reinink","followers_url":"https://api.github.com/users/reinink/followers","following_url":"https://api.github.com/users/reinink/following{/other_user}","gists_url":"https://api.github.com/users/reinink/gists{/gist_id}","starred_url":"https://api.github.com/users/reinink/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/reinink/subscriptions","organizations_url":"https://api.github.com/users/reinink/orgs","repos_url":"https://api.github.com/users/reinink/repos","events_url":"https://api.github.com/users/reinink/events{/privacy}","received_events_url":"https://api.github.com/users/reinink/received_events","type":"User","site_admin":false},"created_at":"2021-10-20T23:50:28Z","updated_at":"2021-10-20T23:50:28Z","author_association":"MEMBER","body":"Hey everyone, just wanted to let you know that we've updated all the Tailwind UI components to include a `` by default, so this shouldn't be an issue anymore! ๐Ÿ™Œ\r\n\r\nThanks for your patience, and thanks again to @pfried for reporting this ๐Ÿ™","reactions":{"url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues/issues/comments/948118604/reactions","total_count":0,"+1":0,"-1":0,"laugh":0,"hooray":0,"confused":0,"heart":0,"rocket":0,"eyes":0},"performed_via_github_app":null}},"public":true,"created_at":"2021-10-20T23:50:28Z","org":{"id":67109815,"login":"tailwindlabs","gravatar_id":"","url":"https://api.github.com/orgs/tailwindlabs","avatar_url":"https://avatars.githubusercontent.com/u/67109815?"}},{"id":"18528000523","type":"IssuesEvent","actor":{"id":882133,"login":"reinink","display_login":"reinink","gravatar_id":"","url":"https://api.github.com/users/reinink","avatar_url":"https://avatars.githubusercontent.com/u/882133?"},"repo":{"id":244019378,"name":"tailwindlabs/tailwindui-issues","url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues"},"payload":{"action":"closed","issue":{"url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues/issues/572","repository_url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues","labels_url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues/issues/572/labels{/name}","comments_url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues/issues/572/comments","events_url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues/issues/572/events","html_url":"https://github.com/tailwindlabs/tailwindui-issues/issues/572","id":860893126,"node_id":"MDU6SXNzdWU4NjA4OTMxMjY=","number":572,"title":"Mobile Navbar not closing on Navigation","user":{"login":"pfried","id":1744875,"node_id":"MDQ6VXNlcjE3NDQ4NzU=","avatar_url":"https://avatars.githubusercontent.com/u/1744875?v=4","gravatar_id":"","url":"https://api.github.com/users/pfried","html_url":"https://github.com/pfried","followers_url":"https://api.github.com/users/pfried/followers","following_url":"https://api.github.com/users/pfried/following{/other_user}","gists_url":"https://api.github.com/users/pfried/gists{/gist_id}","starred_url":"https://api.github.com/users/pfried/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/pfried/subscriptions","organizations_url":"https://api.github.com/users/pfried/orgs","repos_url":"https://api.github.com/users/pfried/repos","events_url":"https://api.github.com/users/pfried/events{/privacy}","received_events_url":"https://api.github.com/users/pfried/received_events","type":"User","site_admin":false},"labels":[{"id":1879315588,"node_id":"MDU6TGFiZWwxODc5MzE1NTg4","url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues/labels/bug","name":"bug","color":"e02424","default":true,"description":"Something isn't working"}],"state":"closed","locked":false,"assignee":{"login":"reinink","id":882133,"node_id":"MDQ6VXNlcjg4MjEzMw==","avatar_url":"https://avatars.githubusercontent.com/u/882133?v=4","gravatar_id":"","url":"https://api.github.com/users/reinink","html_url":"https://github.com/reinink","followers_url":"https://api.github.com/users/reinink/followers","following_url":"https://api.github.com/users/reinink/following{/other_user}","gists_url":"https://api.github.com/users/reinink/gists{/gist_id}","starred_url":"https://api.github.com/users/reinink/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/reinink/subscriptions","organizations_url":"https://api.github.com/users/reinink/orgs","repos_url":"https://api.github.com/users/reinink/repos","events_url":"https://api.github.com/users/reinink/events{/privacy}","received_events_url":"https://api.github.com/users/reinink/received_events","type":"User","site_admin":false},"assignees":[{"login":"reinink","id":882133,"node_id":"MDQ6VXNlcjg4MjEzMw==","avatar_url":"https://avatars.githubusercontent.com/u/882133?v=4","gravatar_id":"","url":"https://api.github.com/users/reinink","html_url":"https://github.com/reinink","followers_url":"https://api.github.com/users/reinink/followers","following_url":"https://api.github.com/users/reinink/following{/other_user}","gists_url":"https://api.github.com/users/reinink/gists{/gist_id}","starred_url":"https://api.github.com/users/reinink/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/reinink/subscriptions","organizations_url":"https://api.github.com/users/reinink/orgs","repos_url":"https://api.github.com/users/reinink/repos","events_url":"https://api.github.com/users/reinink/events{/privacy}","received_events_url":"https://api.github.com/users/reinink/received_events","type":"User","site_admin":false}],"milestone":null,"comments":5,"created_at":"2021-04-19T04:57:12Z","updated_at":"2021-10-20T23:48:04Z","closed_at":"2021-10-20T23:48:04Z","author_association":"NONE","active_lock_reason":null,"body":"**What component (if applicable)**\r\n- URL for category: \r\n- https://tailwindui.com/components/application-ui/navigation/navbar\r\n- Component name: \r\n- Simple\r\n\r\n**Describe the bug**\r\nI asked on discord, and I have not been the only one how how to solve this. Since there seems to be no easy answer I wanted to create an issue here:\r\n\r\nThis applies to the mobile navigation with the hamburger / close icon on small screens.\r\n\r\nThere is an expectation that a Navbar would close when you click a link within the component. E.g. you have a SPA react application and you navigate internally without page reloads (so no real `` links). Especially on mobile devices you will click a link, but cannot see the content due to the overlapping menu. You do not get feedback on the navigation happening and you will have to click the close icon on top right first.\r\n\r\n**To Reproduce**\r\nSteps to reproduce the behavior:\r\n1. Go to the Navbar component and narrow it down so that the mobile menu appears\r\n2. Open the mobile navbar by clicking the hamburger icon\r\n3. Select on of the options in the navbar\r\n4. The navbar does not close\r\n\r\n**Expected behavior**\r\nI understand that some items do need the menu to stay open but it would be great if the navbar (the underlying `Disclosure` component exposes a method to close the menu.\r\n\r\nOr the Navbar component is rebuild on the `Menu` component so that it automatically closes when you select an item (just like the user navigation in the Navbar component)\r\n\r\n**Screenshots**\r\n![image](https://user-images.githubusercontent.com/1744875/115183485-23df0600-a0dc-11eb-98eb-ad97aebc6229.png)\r\n\r\n","reactions":{"url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues/issues/572/reactions","total_count":0,"+1":0,"-1":0,"laugh":0,"hooray":0,"confused":0,"heart":0,"rocket":0,"eyes":0},"timeline_url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues/issues/572/timeline","performed_via_github_app":null}},"public":true,"created_at":"2021-10-20T23:48:04Z","org":{"id":67109815,"login":"tailwindlabs","gravatar_id":"","url":"https://api.github.com/orgs/tailwindlabs","avatar_url":"https://avatars.githubusercontent.com/u/67109815?"}},{"id":"18524266633","type":"IssueCommentEvent","actor":{"id":882133,"login":"reinink","display_login":"reinink","gravatar_id":"","url":"https://api.github.com/users/reinink","avatar_url":"https://avatars.githubusercontent.com/u/882133?"},"repo":{"id":244019378,"name":"tailwindlabs/tailwindui-issues","url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues"},"payload":{"action":"created","issue":{"url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues/issues/1024","repository_url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues","labels_url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues/issues/1024/labels{/name}","comments_url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues/issues/1024/comments","events_url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues/issues/1024/events","html_url":"https://github.com/tailwindlabs/tailwindui-issues/issues/1024","id":1006221242,"node_id":"I_kwDODotwss47-be6","number":1024,"title":"Improve type and autocomplete atrributes for forms","user":{"login":"ecklf","id":8146736,"node_id":"MDQ6VXNlcjgxNDY3MzY=","avatar_url":"https://avatars.githubusercontent.com/u/8146736?v=4","gravatar_id":"","url":"https://api.github.com/users/ecklf","html_url":"https://github.com/ecklf","followers_url":"https://api.github.com/users/ecklf/followers","following_url":"https://api.github.com/users/ecklf/following{/other_user}","gists_url":"https://api.github.com/users/ecklf/gists{/gist_id}","starred_url":"https://api.github.com/users/ecklf/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/ecklf/subscriptions","organizations_url":"https://api.github.com/users/ecklf/orgs","repos_url":"https://api.github.com/users/ecklf/repos","events_url":"https://api.github.com/users/ecklf/events{/privacy}","received_events_url":"https://api.github.com/users/ecklf/received_events","type":"User","site_admin":false},"labels":[],"state":"closed","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":4,"created_at":"2021-09-24T08:35:22Z","updated_at":"2021-10-20T18:26:41Z","closed_at":"2021-10-20T15:30:07Z","author_association":"NONE","active_lock_reason":null,"body":"Specifically on \r\n\r\nSuggestions:\r\n\r\n- Narrow down type for username / email fields from `text` to `username` / `email`\r\n\r\n- For country select menus it would be nice to either add the territory code as values or use `country-name`\r\n\r\n- For addresses use `address-level2` for cities and `address-level1` for provinces\r\n\r\nI don't own the marketing bundle yet, so I assume this would also apply to the forms there.\r\n\r\nReferences:\r\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Element/Input#input_types\r\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete","reactions":{"url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues/issues/1024/reactions","total_count":0,"+1":0,"-1":0,"laugh":0,"hooray":0,"confused":0,"heart":0,"rocket":0,"eyes":0},"timeline_url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues/issues/1024/timeline","performed_via_github_app":null},"comment":{"url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues/issues/comments/947927520","html_url":"https://github.com/tailwindlabs/tailwindui-issues/issues/1024#issuecomment-947927520","issue_url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues/issues/1024","id":947927520,"node_id":"IC_kwDODotwss44gDng","user":{"login":"reinink","id":882133,"node_id":"MDQ6VXNlcjg4MjEzMw==","avatar_url":"https://avatars.githubusercontent.com/u/882133?v=4","gravatar_id":"","url":"https://api.github.com/users/reinink","html_url":"https://github.com/reinink","followers_url":"https://api.github.com/users/reinink/followers","following_url":"https://api.github.com/users/reinink/following{/other_user}","gists_url":"https://api.github.com/users/reinink/gists{/gist_id}","starred_url":"https://api.github.com/users/reinink/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/reinink/subscriptions","organizations_url":"https://api.github.com/users/reinink/orgs","repos_url":"https://api.github.com/users/reinink/repos","events_url":"https://api.github.com/users/reinink/events{/privacy}","received_events_url":"https://api.github.com/users/reinink/received_events","type":"User","site_admin":false},"created_at":"2021-10-20T18:26:41Z","updated_at":"2021-10-20T18:26:41Z","author_association":"MEMBER","body":"Ahh yes, understood! I'll get the email input types updated as well. Thanks again @ecklf ๐Ÿ’ช","reactions":{"url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues/issues/comments/947927520/reactions","total_count":0,"+1":0,"-1":0,"laugh":0,"hooray":0,"confused":0,"heart":0,"rocket":0,"eyes":0},"performed_via_github_app":null}},"public":true,"created_at":"2021-10-20T18:26:41Z","org":{"id":67109815,"login":"tailwindlabs","gravatar_id":"","url":"https://api.github.com/orgs/tailwindlabs","avatar_url":"https://avatars.githubusercontent.com/u/67109815?"}},{"id":"18521569995","type":"IssueCommentEvent","actor":{"id":882133,"login":"reinink","display_login":"reinink","gravatar_id":"","url":"https://api.github.com/users/reinink","avatar_url":"https://avatars.githubusercontent.com/u/882133?"},"repo":{"id":244019378,"name":"tailwindlabs/tailwindui-issues","url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues"},"payload":{"action":"created","issue":{"url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues/issues/1024","repository_url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues","labels_url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues/issues/1024/labels{/name}","comments_url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues/issues/1024/comments","events_url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues/issues/1024/events","html_url":"https://github.com/tailwindlabs/tailwindui-issues/issues/1024","id":1006221242,"node_id":"I_kwDODotwss47-be6","number":1024,"title":"Improve type and autocomplete atrributes for forms","user":{"login":"ecklf","id":8146736,"node_id":"MDQ6VXNlcjgxNDY3MzY=","avatar_url":"https://avatars.githubusercontent.com/u/8146736?v=4","gravatar_id":"","url":"https://api.github.com/users/ecklf","html_url":"https://github.com/ecklf","followers_url":"https://api.github.com/users/ecklf/followers","following_url":"https://api.github.com/users/ecklf/following{/other_user}","gists_url":"https://api.github.com/users/ecklf/gists{/gist_id}","starred_url":"https://api.github.com/users/ecklf/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/ecklf/subscriptions","organizations_url":"https://api.github.com/users/ecklf/orgs","repos_url":"https://api.github.com/users/ecklf/repos","events_url":"https://api.github.com/users/ecklf/events{/privacy}","received_events_url":"https://api.github.com/users/ecklf/received_events","type":"User","site_admin":false},"labels":[],"state":"closed","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":2,"created_at":"2021-09-24T08:35:22Z","updated_at":"2021-10-20T15:31:35Z","closed_at":"2021-10-20T15:30:07Z","author_association":"NONE","active_lock_reason":null,"body":"Specifically on \r\n\r\nSuggestions:\r\n\r\n- Narrow down type for username / email fields from `text` to `username` / `email`\r\n\r\n- For country select menus it would be nice to either add the territory code as values or use `country-name`\r\n\r\n- For addresses use `address-level2` for cities and `address-level1` for provinces\r\n\r\nI don't own the marketing bundle yet, so I assume this would also apply to the forms there.\r\n\r\nReferences:\r\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Element/Input#input_types\r\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete","reactions":{"url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues/issues/1024/reactions","total_count":0,"+1":0,"-1":0,"laugh":0,"hooray":0,"confused":0,"heart":0,"rocket":0,"eyes":0},"timeline_url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues/issues/1024/timeline","performed_via_github_app":null},"comment":{"url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues/issues/comments/947784487","html_url":"https://github.com/tailwindlabs/tailwindui-issues/issues/1024#issuecomment-947784487","issue_url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues/issues/1024","id":947784487,"node_id":"IC_kwDODotwss44fgsn","user":{"login":"reinink","id":882133,"node_id":"MDQ6VXNlcjg4MjEzMw==","avatar_url":"https://avatars.githubusercontent.com/u/882133?v=4","gravatar_id":"","url":"https://api.github.com/users/reinink","html_url":"https://github.com/reinink","followers_url":"https://api.github.com/users/reinink/followers","following_url":"https://api.github.com/users/reinink/following{/other_user}","gists_url":"https://api.github.com/users/reinink/gists{/gist_id}","starred_url":"https://api.github.com/users/reinink/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/reinink/subscriptions","organizations_url":"https://api.github.com/users/reinink/orgs","repos_url":"https://api.github.com/users/reinink/repos","events_url":"https://api.github.com/users/reinink/events{/privacy}","received_events_url":"https://api.github.com/users/reinink/received_events","type":"User","site_admin":false},"created_at":"2021-10-20T15:31:35Z","updated_at":"2021-10-20T15:31:35Z","author_association":"MEMBER","body":"@ecklf Hey just an update here.\r\n\r\nI've implemented all the changes to the autocomplete attributes as noted above. Feel free to still follow up with further input on the username inputs, but from my perspective they are fine as they are. Correct me if I'm missing something ๐Ÿ‘\r\n\r\nThanks again for your suggestions! ๐Ÿ™","reactions":{"url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues/issues/comments/947784487/reactions","total_count":0,"+1":0,"-1":0,"laugh":0,"hooray":0,"confused":0,"heart":0,"rocket":0,"eyes":0},"performed_via_github_app":null}},"public":true,"created_at":"2021-10-20T15:31:35Z","org":{"id":67109815,"login":"tailwindlabs","gravatar_id":"","url":"https://api.github.com/orgs/tailwindlabs","avatar_url":"https://avatars.githubusercontent.com/u/67109815?"}},{"id":"18521542331","type":"IssuesEvent","actor":{"id":882133,"login":"reinink","display_login":"reinink","gravatar_id":"","url":"https://api.github.com/users/reinink","avatar_url":"https://avatars.githubusercontent.com/u/882133?"},"repo":{"id":244019378,"name":"tailwindlabs/tailwindui-issues","url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues"},"payload":{"action":"closed","issue":{"url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues/issues/1024","repository_url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues","labels_url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues/issues/1024/labels{/name}","comments_url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues/issues/1024/comments","events_url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues/issues/1024/events","html_url":"https://github.com/tailwindlabs/tailwindui-issues/issues/1024","id":1006221242,"node_id":"I_kwDODotwss47-be6","number":1024,"title":"Improve type and autocomplete atrributes for forms","user":{"login":"ecklf","id":8146736,"node_id":"MDQ6VXNlcjgxNDY3MzY=","avatar_url":"https://avatars.githubusercontent.com/u/8146736?v=4","gravatar_id":"","url":"https://api.github.com/users/ecklf","html_url":"https://github.com/ecklf","followers_url":"https://api.github.com/users/ecklf/followers","following_url":"https://api.github.com/users/ecklf/following{/other_user}","gists_url":"https://api.github.com/users/ecklf/gists{/gist_id}","starred_url":"https://api.github.com/users/ecklf/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/ecklf/subscriptions","organizations_url":"https://api.github.com/users/ecklf/orgs","repos_url":"https://api.github.com/users/ecklf/repos","events_url":"https://api.github.com/users/ecklf/events{/privacy}","received_events_url":"https://api.github.com/users/ecklf/received_events","type":"User","site_admin":false},"labels":[],"state":"closed","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":1,"created_at":"2021-09-24T08:35:22Z","updated_at":"2021-10-20T15:30:07Z","closed_at":"2021-10-20T15:30:07Z","author_association":"NONE","active_lock_reason":null,"body":"Specifically on \r\n\r\nSuggestions:\r\n\r\n- Narrow down type for username / email fields from `text` to `username` / `email`\r\n\r\n- For country select menus it would be nice to either add the territory code as values or use `country-name`\r\n\r\n- For addresses use `address-level2` for cities and `address-level1` for provinces\r\n\r\nI don't own the marketing bundle yet, so I assume this would also apply to the forms there.\r\n\r\nReferences:\r\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Element/Input#input_types\r\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete","reactions":{"url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues/issues/1024/reactions","total_count":0,"+1":0,"-1":0,"laugh":0,"hooray":0,"confused":0,"heart":0,"rocket":0,"eyes":0},"timeline_url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues/issues/1024/timeline","performed_via_github_app":null}},"public":true,"created_at":"2021-10-20T15:30:08Z","org":{"id":67109815,"login":"tailwindlabs","gravatar_id":"","url":"https://api.github.com/orgs/tailwindlabs","avatar_url":"https://avatars.githubusercontent.com/u/67109815?"}},{"id":"18518893593","type":"PublicEvent","actor":{"id":882133,"login":"reinink","display_login":"reinink","gravatar_id":"","url":"https://api.github.com/users/reinink","avatar_url":"https://avatars.githubusercontent.com/u/882133?"},"repo":{"id":419315443,"name":"reinink/tailwindui-modal-example","url":"https://api.github.com/repos/reinink/tailwindui-modal-example"},"payload":{},"public":true,"created_at":"2021-10-20T13:13:59Z"},{"id":"18518680898","type":"IssueCommentEvent","actor":{"id":882133,"login":"reinink","display_login":"reinink","gravatar_id":"","url":"https://api.github.com/users/reinink","avatar_url":"https://avatars.githubusercontent.com/u/882133?"},"repo":{"id":244019378,"name":"tailwindlabs/tailwindui-issues","url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues"},"payload":{"action":"created","issue":{"url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues/issues/1024","repository_url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues","labels_url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues/issues/1024/labels{/name}","comments_url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues/issues/1024/comments","events_url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues/issues/1024/events","html_url":"https://github.com/tailwindlabs/tailwindui-issues/issues/1024","id":1006221242,"node_id":"I_kwDODotwss47-be6","number":1024,"title":"Improve type and autocomplete atrributes for forms","user":{"login":"ecklf","id":8146736,"node_id":"MDQ6VXNlcjgxNDY3MzY=","avatar_url":"https://avatars.githubusercontent.com/u/8146736?v=4","gravatar_id":"","url":"https://api.github.com/users/ecklf","html_url":"https://github.com/ecklf","followers_url":"https://api.github.com/users/ecklf/followers","following_url":"https://api.github.com/users/ecklf/following{/other_user}","gists_url":"https://api.github.com/users/ecklf/gists{/gist_id}","starred_url":"https://api.github.com/users/ecklf/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/ecklf/subscriptions","organizations_url":"https://api.github.com/users/ecklf/orgs","repos_url":"https://api.github.com/users/ecklf/repos","events_url":"https://api.github.com/users/ecklf/events{/privacy}","received_events_url":"https://api.github.com/users/ecklf/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":1,"created_at":"2021-09-24T08:35:22Z","updated_at":"2021-10-20T13:02:23Z","closed_at":null,"author_association":"NONE","active_lock_reason":null,"body":"Specifically on \r\n\r\nSuggestions:\r\n\r\n- Narrow down type for username / email fields from `text` to `username` / `email`\r\n\r\n- For country select menus it would be nice to either add the territory code as values or use `country-name`\r\n\r\n- For addresses use `address-level2` for cities and `address-level1` for provinces\r\n\r\nI don't own the marketing bundle yet, so I assume this would also apply to the forms there.\r\n\r\nReferences:\r\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Element/Input#input_types\r\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete","reactions":{"url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues/issues/1024/reactions","total_count":0,"+1":0,"-1":0,"laugh":0,"hooray":0,"confused":0,"heart":0,"rocket":0,"eyes":0},"timeline_url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues/issues/1024/timeline","performed_via_github_app":null},"comment":{"url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues/issues/comments/947643920","html_url":"https://github.com/tailwindlabs/tailwindui-issues/issues/1024#issuecomment-947643920","issue_url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues/issues/1024","id":947643920,"node_id":"IC_kwDODotwss44e-YQ","user":{"login":"reinink","id":882133,"node_id":"MDQ6VXNlcjg4MjEzMw==","avatar_url":"https://avatars.githubusercontent.com/u/882133?v=4","gravatar_id":"","url":"https://api.github.com/users/reinink","html_url":"https://github.com/reinink","followers_url":"https://api.github.com/users/reinink/followers","following_url":"https://api.github.com/users/reinink/following{/other_user}","gists_url":"https://api.github.com/users/reinink/gists{/gist_id}","starred_url":"https://api.github.com/users/reinink/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/reinink/subscriptions","organizations_url":"https://api.github.com/users/reinink/orgs","repos_url":"https://api.github.com/users/reinink/repos","events_url":"https://api.github.com/users/reinink/events{/privacy}","received_events_url":"https://api.github.com/users/reinink/received_events","type":"User","site_admin":false},"created_at":"2021-10-20T13:02:23Z","updated_at":"2021-10-20T13:02:23Z","author_association":"MEMBER","body":"@ecklf Hey there, thanks for these suggestions! Some questions:\r\n\r\n> Narrow down type for username / email fields from `text` to `username` / `email`\r\n\r\nI'm not totally following here. There is no `username` type for inputs (that I'm aware of at least). And, reviewing the username inputs in the form layout components, they're all use used in the content of a handle (`workcation.com/_____`), so I don't think an email address makes sense here.\r\n\r\nUnless you're just talking about the `autocomplete` attribute here at not the `type` attribute โ€”ย in which case we already have this set to `autocomplete=\"username\"`, which seems correct.\r\n\r\nWhat am I missing? ๐Ÿ˜‚ \r\n\r\n> For country select menus it would be nice to either add the territory code as values or use `country-name`\r\n\r\nReviewing this it really doesn't make sense to have both the \"Country / Region\" input *and* the \"State / Province\" input in the same form. So, I'd suggest that we switch the \"Country / Region\" input to just \"Country\" and then update it to use `country-name` for the autocomplete attribute, as you're suggesting, since we're using the full country names already.\r\n\r\n> For addresses use `address-level2` for cities and `address-level1` for provinces\r\n\r\nMakes sense, thanks for these suggestions ๐Ÿ‘","reactions":{"url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues/issues/comments/947643920/reactions","total_count":0,"+1":0,"-1":0,"laugh":0,"hooray":0,"confused":0,"heart":0,"rocket":0,"eyes":0},"performed_via_github_app":null}},"public":true,"created_at":"2021-10-20T13:02:23Z","org":{"id":67109815,"login":"tailwindlabs","gravatar_id":"","url":"https://api.github.com/orgs/tailwindlabs","avatar_url":"https://avatars.githubusercontent.com/u/67109815?"}},{"id":"18517989756","type":"PushEvent","actor":{"id":882133,"login":"reinink","display_login":"reinink","gravatar_id":"","url":"https://api.github.com/users/reinink","avatar_url":"https://avatars.githubusercontent.com/u/882133?"},"repo":{"id":419315443,"name":"reinink/tailwindui-modal-example","url":"https://api.github.com/repos/reinink/tailwindui-modal-example"},"payload":{"push_id":8196725690,"size":1,"distinct_size":1,"ref":"refs/heads/master","head":"790c24fc182c9939998fb19bd9ba072c3461fff5","before":"38cf233286211e9e6fa89e9f8a77ea2b4557809f","commits":[{"sha":"790c24fc182c9939998fb19bd9ba072c3461fff5","author":{"email":"jonathan@reinink.ca","name":"Jonathan Reinink"},"message":"Setup modal example","distinct":true,"url":"https://api.github.com/repos/reinink/tailwindui-modal-example/commits/790c24fc182c9939998fb19bd9ba072c3461fff5"}]},"public":true,"created_at":"2021-10-20T12:21:55Z"},{"id":"18517939167","type":"IssueCommentEvent","actor":{"id":882133,"login":"reinink","display_login":"reinink","gravatar_id":"","url":"https://api.github.com/users/reinink","avatar_url":"https://avatars.githubusercontent.com/u/882133?"},"repo":{"id":244019378,"name":"tailwindlabs/tailwindui-issues","url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues"},"payload":{"action":"created","issue":{"url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues/issues/1040","repository_url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues","labels_url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues/issues/1040/labels{/name}","comments_url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues/issues/1040/comments","events_url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues/issues/1040/events","html_url":"https://github.com/tailwindlabs/tailwindui-issues/issues/1040","id":1025421728,"node_id":"I_kwDODotwss49HrGg","number":1040,"title":"Example code for Vue Modal behaving strange","user":{"login":"TheoJL","id":5908718,"node_id":"MDQ6VXNlcjU5MDg3MTg=","avatar_url":"https://avatars.githubusercontent.com/u/5908718?v=4","gravatar_id":"","url":"https://api.github.com/users/TheoJL","html_url":"https://github.com/TheoJL","followers_url":"https://api.github.com/users/TheoJL/followers","following_url":"https://api.github.com/users/TheoJL/following{/other_user}","gists_url":"https://api.github.com/users/TheoJL/gists{/gist_id}","starred_url":"https://api.github.com/users/TheoJL/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/TheoJL/subscriptions","organizations_url":"https://api.github.com/users/TheoJL/orgs","repos_url":"https://api.github.com/users/TheoJL/repos","events_url":"https://api.github.com/users/TheoJL/events{/privacy}","received_events_url":"https://api.github.com/users/TheoJL/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":1,"created_at":"2021-10-13T15:52:14Z","updated_at":"2021-10-20T12:18:47Z","closed_at":null,"author_association":"NONE","active_lock_reason":null,"body":"**What component (if applicable)**\r\n- URL for category: https://tailwindui.com/components/application-ui/overlays/modals\r\n- Component name: Centered with wide buttons\r\n\r\n**Describe the bug**\r\nThe modal is not vertically centered when open. It will take up space and scroll the page down to bottom. The scroll does not work either. \r\n\r\nWorks nicely when moving `class=\"fixed z-10 inset-0 overflow-y-auto\"` to an a wrapper div inside `` component. \r\n```\r\n\r\n
\r\n
\r\n...\r\n```\r\n\r\n**To Reproduce**\r\nSteps to reproduce the behavior:\r\n1. Take the modal example code using Vue\r\n2. Have some content on the page\r\n3. Open the modal\r\n\r\n**Expected behavior**\r\nThe modal should be centered vertically when open.\r\n\r\n**Browser/Device (if applicable)**\r\n - Browser: Chrome\r\n\r\n\r\n","reactions":{"url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues/issues/1040/reactions","total_count":1,"+1":1,"-1":0,"laugh":0,"hooray":0,"confused":0,"heart":0,"rocket":0,"eyes":0},"timeline_url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues/issues/1040/timeline","performed_via_github_app":null},"comment":{"url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues/issues/comments/947609178","html_url":"https://github.com/tailwindlabs/tailwindui-issues/issues/1040#issuecomment-947609178","issue_url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues/issues/1040","id":947609178,"node_id":"IC_kwDODotwss44e15a","user":{"login":"reinink","id":882133,"node_id":"MDQ6VXNlcjg4MjEzMw==","avatar_url":"https://avatars.githubusercontent.com/u/882133?v=4","gravatar_id":"","url":"https://api.github.com/users/reinink","html_url":"https://github.com/reinink","followers_url":"https://api.github.com/users/reinink/followers","following_url":"https://api.github.com/users/reinink/following{/other_user}","gists_url":"https://api.github.com/users/reinink/gists{/gist_id}","starred_url":"https://api.github.com/users/reinink/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/reinink/subscriptions","organizations_url":"https://api.github.com/users/reinink/orgs","repos_url":"https://api.github.com/users/reinink/repos","events_url":"https://api.github.com/users/reinink/events{/privacy}","received_events_url":"https://api.github.com/users/reinink/received_events","type":"User","site_admin":false},"created_at":"2021-10-20T12:18:47Z","updated_at":"2021-10-20T12:18:47Z","author_association":"MEMBER","body":"Hey there! Thanks for reporting this, but I am unable to reproduce this issue. Can you provide a minimal reproduction repo?\r\n\r\nYou can find my test repo here: https://github.com/reinink/tailwindui-modal-example\r\n\r\nThanks!\r\n\r\n![image](https://user-images.githubusercontent.com/882133/138090970-cf211c67-0d88-43c3-a021-c7729c6340d1.png)\r\n\r\n","reactions":{"url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues/issues/comments/947609178/reactions","total_count":0,"+1":0,"-1":0,"laugh":0,"hooray":0,"confused":0,"heart":0,"rocket":0,"eyes":0},"performed_via_github_app":null}},"public":true,"created_at":"2021-10-20T12:18:47Z","org":{"id":67109815,"login":"tailwindlabs","gravatar_id":"","url":"https://api.github.com/orgs/tailwindlabs","avatar_url":"https://avatars.githubusercontent.com/u/67109815?"}},{"id":"18517358315","type":"IssueCommentEvent","actor":{"id":882133,"login":"reinink","display_login":"reinink","gravatar_id":"","url":"https://api.github.com/users/reinink","avatar_url":"https://avatars.githubusercontent.com/u/882133?"},"repo":{"id":244019378,"name":"tailwindlabs/tailwindui-issues","url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues"},"payload":{"action":"created","issue":{"url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues/issues/555","repository_url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues","labels_url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues/issues/555/labels{/name}","comments_url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues/issues/555/comments","events_url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues/issues/555/events","html_url":"https://github.com/tailwindlabs/tailwindui-issues/issues/555","id":857001476,"node_id":"MDU6SXNzdWU4NTcwMDE0NzY=","number":555,"title":"Issue regarding dropdowns combined with tables","user":{"login":"anthonymakela","id":33308323,"node_id":"MDQ6VXNlcjMzMzA4MzIz","avatar_url":"https://avatars.githubusercontent.com/u/33308323?v=4","gravatar_id":"","url":"https://api.github.com/users/anthonymakela","html_url":"https://github.com/anthonymakela","followers_url":"https://api.github.com/users/anthonymakela/followers","following_url":"https://api.github.com/users/anthonymakela/following{/other_user}","gists_url":"https://api.github.com/users/anthonymakela/gists{/gist_id}","starred_url":"https://api.github.com/users/anthonymakela/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/anthonymakela/subscriptions","organizations_url":"https://api.github.com/users/anthonymakela/orgs","repos_url":"https://api.github.com/users/anthonymakela/repos","events_url":"https://api.github.com/users/anthonymakela/events{/privacy}","received_events_url":"https://api.github.com/users/anthonymakela/received_events","type":"User","site_admin":false},"labels":[{"id":1879315588,"node_id":"MDU6TGFiZWwxODc5MzE1NTg4","url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues/labels/bug","name":"bug","color":"e02424","default":true,"description":"Something isn't working"}],"state":"closed","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":4,"created_at":"2021-04-13T14:09:47Z","updated_at":"2021-10-20T11:40:57Z","closed_at":"2021-09-17T13:51:10Z","author_association":"NONE","active_lock_reason":null,"body":"**What component (if applicable)**\r\n- URL for category: https://tailwindui.com/components/application-ui/lists/tables\r\n- Component name: Tables (Simple striped) \r\n\r\n**Describe the bug**\r\nThe dropdown gets cut off while it should be rendered on _top_ of the table. This bug seems to be already posted [here](https://github.com/tailwindlabs/tailwindui-issues/issues/147), but the solutions require some additional js libraries e.g popper which aren't applicable to everyone. The current solution basically implies that tailwind cannot handle dropdowns within tables with the regular alpine usage. \r\n\r\n**To Reproduce**\r\n```\r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n Name\r\n \r\n Title\r\n \r\n Email\r\n \r\n Role\r\n \r\n Edit\r\n
\r\n Jenny Wilson\r\n \r\n Central Security Manager\r\n \r\n jenny.wilson@example.com\r\n \r\n Member\r\n \r\n Edit\r\n
\r\n Kristin Watson\r\n \r\n Lead Implementation Liaison\r\n \r\n kristin.watson@example.com\r\n \r\n Admin\r\n \r\n
\r\n
\r\n \r\n Options\r\n \r\n \r\n \r\n \r\n
\r\n\r\n \r\n
\r\n Account settings\r\n Support\r\n License\r\n
\r\n \r\n
\r\n
\r\n
\r\n \r\n
\r\n Cameron Williamson\r\n \r\n Internal Applications Engineer\r\n \r\n cameron.williamson@example.com\r\n \r\n Member\r\n \r\n Edit\r\n
\r\n
\r\n```\r\n\r\n**Expected behavior**\r\nThe dropdown should be rendered on top of the table.\r\n\r\n**Screenshots**\r\n![Screenshot from 2021-04-13 17-05-30](https://user-images.githubusercontent.com/33308323/114566014-87030f80-9c7a-11eb-8bab-0e13c8cfc603.png)\r\n\r\n\r\n\r\n","reactions":{"url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues/issues/555/reactions","total_count":0,"+1":0,"-1":0,"laugh":0,"hooray":0,"confused":0,"heart":0,"rocket":0,"eyes":0},"timeline_url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues/issues/555/timeline","performed_via_github_app":null},"comment":{"url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues/issues/comments/947582918","html_url":"https://github.com/tailwindlabs/tailwindui-issues/issues/555#issuecomment-947582918","issue_url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues/issues/555","id":947582918,"node_id":"IC_kwDODotwss44evfG","user":{"login":"reinink","id":882133,"node_id":"MDQ6VXNlcjg4MjEzMw==","avatar_url":"https://avatars.githubusercontent.com/u/882133?v=4","gravatar_id":"","url":"https://api.github.com/users/reinink","html_url":"https://github.com/reinink","followers_url":"https://api.github.com/users/reinink/followers","following_url":"https://api.github.com/users/reinink/following{/other_user}","gists_url":"https://api.github.com/users/reinink/gists{/gist_id}","starred_url":"https://api.github.com/users/reinink/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/reinink/subscriptions","organizations_url":"https://api.github.com/users/reinink/orgs","repos_url":"https://api.github.com/users/reinink/repos","events_url":"https://api.github.com/users/reinink/events{/privacy}","received_events_url":"https://api.github.com/users/reinink/received_events","type":"User","site_admin":false},"created_at":"2021-10-20T11:40:57Z","updated_at":"2021-10-20T11:40:57Z","author_association":"MEMBER","body":"@anthonymakela Hey thanks again for reporting this. I've just left a comment about this in the related issue that you might find helpful: #692 (comment)","reactions":{"url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues/issues/comments/947582918/reactions","total_count":0,"+1":0,"-1":0,"laugh":0,"hooray":0,"confused":0,"heart":0,"rocket":0,"eyes":0},"performed_via_github_app":null}},"public":true,"created_at":"2021-10-20T11:40:57Z","org":{"id":67109815,"login":"tailwindlabs","gravatar_id":"","url":"https://api.github.com/orgs/tailwindlabs","avatar_url":"https://avatars.githubusercontent.com/u/67109815?"}},{"id":"18517354751","type":"IssueCommentEvent","actor":{"id":882133,"login":"reinink","display_login":"reinink","gravatar_id":"","url":"https://api.github.com/users/reinink","avatar_url":"https://avatars.githubusercontent.com/u/882133?"},"repo":{"id":244019378,"name":"tailwindlabs/tailwindui-issues","url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues"},"payload":{"action":"created","issue":{"url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues/issues/681","repository_url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues","labels_url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues/issues/681/labels{/name}","comments_url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues/issues/681/comments","events_url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues/issues/681/events","html_url":"https://github.com/tailwindlabs/tailwindui-issues/issues/681","id":946829021,"node_id":"MDU6SXNzdWU5NDY4MjkwMjE=","number":681,"title":"Menu dropdown direction","user":{"login":"alainbelez","id":6648110,"node_id":"MDQ6VXNlcjY2NDgxMTA=","avatar_url":"https://avatars.githubusercontent.com/u/6648110?v=4","gravatar_id":"","url":"https://api.github.com/users/alainbelez","html_url":"https://github.com/alainbelez","followers_url":"https://api.github.com/users/alainbelez/followers","following_url":"https://api.github.com/users/alainbelez/following{/other_user}","gists_url":"https://api.github.com/users/alainbelez/gists{/gist_id}","starred_url":"https://api.github.com/users/alainbelez/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/alainbelez/subscriptions","organizations_url":"https://api.github.com/users/alainbelez/orgs","repos_url":"https://api.github.com/users/alainbelez/repos","events_url":"https://api.github.com/users/alainbelez/events{/privacy}","received_events_url":"https://api.github.com/users/alainbelez/received_events","type":"User","site_admin":false},"labels":[{"id":1879315588,"node_id":"MDU6TGFiZWwxODc5MzE1NTg4","url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues/labels/bug","name":"bug","color":"e02424","default":true,"description":"Something isn't working"}],"state":"closed","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":2,"created_at":"2021-07-17T13:55:38Z","updated_at":"2021-10-20T11:40:42Z","closed_at":"2021-09-17T13:51:02Z","author_association":"NONE","active_lock_reason":null,"body":"not sure if this is here or in headless ui, or even on tailwind itself, but this the snippet im using is from tailwind ui\r\n\r\nis there a way to fix this issue?\r\nhttps://user-images.githubusercontent.com/6648110/126039272-7a9388ad-c102-4760-ae65-aec38aa622fc.mp4\r\n\r\n","reactions":{"url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues/issues/681/reactions","total_count":0,"+1":0,"-1":0,"laugh":0,"hooray":0,"confused":0,"heart":0,"rocket":0,"eyes":0},"timeline_url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues/issues/681/timeline","performed_via_github_app":null},"comment":{"url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues/issues/comments/947582768","html_url":"https://github.com/tailwindlabs/tailwindui-issues/issues/681#issuecomment-947582768","issue_url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues/issues/681","id":947582768,"node_id":"IC_kwDODotwss44evcw","user":{"login":"reinink","id":882133,"node_id":"MDQ6VXNlcjg4MjEzMw==","avatar_url":"https://avatars.githubusercontent.com/u/882133?v=4","gravatar_id":"","url":"https://api.github.com/users/reinink","html_url":"https://github.com/reinink","followers_url":"https://api.github.com/users/reinink/followers","following_url":"https://api.github.com/users/reinink/following{/other_user}","gists_url":"https://api.github.com/users/reinink/gists{/gist_id}","starred_url":"https://api.github.com/users/reinink/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/reinink/subscriptions","organizations_url":"https://api.github.com/users/reinink/orgs","repos_url":"https://api.github.com/users/reinink/repos","events_url":"https://api.github.com/users/reinink/events{/privacy}","received_events_url":"https://api.github.com/users/reinink/received_events","type":"User","site_admin":false},"created_at":"2021-10-20T11:40:42Z","updated_at":"2021-10-20T11:40:42Z","author_association":"MEMBER","body":"@alainbelez Hey thanks again for reporting this. I've just left a comment about this in the related issue that you might find helpful: https://github.com/tailwindlabs/tailwindui-issues/issues/692#issuecomment-947582252","reactions":{"url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues/issues/comments/947582768/reactions","total_count":0,"+1":0,"-1":0,"laugh":0,"hooray":0,"confused":0,"heart":0,"rocket":0,"eyes":0},"performed_via_github_app":null}},"public":true,"created_at":"2021-10-20T11:40:42Z","org":{"id":67109815,"login":"tailwindlabs","gravatar_id":"","url":"https://api.github.com/orgs/tailwindlabs","avatar_url":"https://avatars.githubusercontent.com/u/67109815?"}},{"id":"18517342301","type":"IssueCommentEvent","actor":{"id":882133,"login":"reinink","display_login":"reinink","gravatar_id":"","url":"https://api.github.com/users/reinink","avatar_url":"https://avatars.githubusercontent.com/u/882133?"},"repo":{"id":244019378,"name":"tailwindlabs/tailwindui-issues","url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues"},"payload":{"action":"created","issue":{"url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues/issues/692","repository_url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues","labels_url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues/issues/692/labels{/name}","comments_url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues/issues/692/comments","events_url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues/issues/692/events","html_url":"https://github.com/tailwindlabs/tailwindui-issues/issues/692","id":955826357,"node_id":"MDU6SXNzdWU5NTU4MjYzNTc=","number":692,"title":"Home Screen example with menu inside table","user":{"login":"PericlesTheo","id":1856436,"node_id":"MDQ6VXNlcjE4NTY0MzY=","avatar_url":"https://avatars.githubusercontent.com/u/1856436?v=4","gravatar_id":"","url":"https://api.github.com/users/PericlesTheo","html_url":"https://github.com/PericlesTheo","followers_url":"https://api.github.com/users/PericlesTheo/followers","following_url":"https://api.github.com/users/PericlesTheo/following{/other_user}","gists_url":"https://api.github.com/users/PericlesTheo/gists{/gist_id}","starred_url":"https://api.github.com/users/PericlesTheo/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/PericlesTheo/subscriptions","organizations_url":"https://api.github.com/users/PericlesTheo/orgs","repos_url":"https://api.github.com/users/PericlesTheo/repos","events_url":"https://api.github.com/users/PericlesTheo/events{/privacy}","received_events_url":"https://api.github.com/users/PericlesTheo/received_events","type":"User","site_admin":false},"labels":[{"id":1879315588,"node_id":"MDU6TGFiZWwxODc5MzE1NTg4","url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues/labels/bug","name":"bug","color":"e02424","default":true,"description":"Something isn't working"}],"state":"closed","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":2,"created_at":"2021-07-29T13:09:22Z","updated_at":"2021-10-20T11:39:51Z","closed_at":"2021-10-20T11:21:11Z","author_association":"NONE","active_lock_reason":null,"body":"**What component (if applicable)**\r\n- URL for category: https://tailwindui.com/components/application-ui/page-examples/home-screens#component-af4086fe483fb8a418175cf0218dd5c4\r\n- Component name: Home Screen\r\n\r\n**Describe the bug**\r\nThe menu seems to be bound within the table. So when opening it is pushing it down. It's more evident when there is only 1 row where the menu will not even be completely visible \r\n\r\n**To Reproduce**\r\nSteps to reproduce the behavior:\r\n1. Go to the provided link\r\n2. Click on the vertical dots icon in the last row\r\n3. The menu moves the whole table.\r\n\r\n**Expected behavior**\r\nNot bound to the table itself. I understand this might be problematic if the row sits at the bottom of the screen where cutting off might still occur.\r\n\r\n**Screenshots**\r\n![Jul-29-2021 16-07-04](https://user-images.githubusercontent.com/1856436/127497420-b146d033-98ef-4184-b43f-ae21e26a147e.gif)\r\n\r\n\r\n**Browser/Device (if applicable)**\r\n - OS: MacOS\r\n - Browser Safari\r\n - Version 14.1 (16611.1.21.161.3)\r\n\r\n - OS: MacOS\r\n - Browser Chrome\r\n - Version 92.0.4515.107 (Official Build) (x86_64)\r\n\r\n**Additional context**\r\nAdd any other context about the problem here.\r\n","reactions":{"url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues/issues/692/reactions","total_count":0,"+1":0,"-1":0,"laugh":0,"hooray":0,"confused":0,"heart":0,"rocket":0,"eyes":0},"timeline_url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues/issues/692/timeline","performed_via_github_app":null},"comment":{"url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues/issues/comments/947582252","html_url":"https://github.com/tailwindlabs/tailwindui-issues/issues/692#issuecomment-947582252","issue_url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues/issues/692","id":947582252,"node_id":"IC_kwDODotwss44evUs","user":{"login":"reinink","id":882133,"node_id":"MDQ6VXNlcjg4MjEzMw==","avatar_url":"https://avatars.githubusercontent.com/u/882133?v=4","gravatar_id":"","url":"https://api.github.com/users/reinink","html_url":"https://github.com/reinink","followers_url":"https://api.github.com/users/reinink/followers","following_url":"https://api.github.com/users/reinink/following{/other_user}","gists_url":"https://api.github.com/users/reinink/gists{/gist_id}","starred_url":"https://api.github.com/users/reinink/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/reinink/subscriptions","organizations_url":"https://api.github.com/users/reinink/orgs","repos_url":"https://api.github.com/users/reinink/repos","events_url":"https://api.github.com/users/reinink/events{/privacy}","received_events_url":"https://api.github.com/users/reinink/received_events","type":"User","site_admin":false},"created_at":"2021-10-20T11:39:51Z","updated_at":"2021-10-20T11:39:51Z","author_association":"MEMBER","body":"@PericlesTheo Thanks again for reporting this. ๐Ÿ™ \r\n\r\nIn these situations we generally recommend using [Popper](https://popper.js.org/) to properly position the dropdown menus. This is something that the underlying library, [Headless UI](https://headlessui.dev/), supports. You can find a working example of how to implement Popper with the Headless UI `Menu` (dropdown) component [here](https://github.com/tailwindlabs/headlessui/blob/main/packages/@headlessui-react/pages/menu/menu-with-popper.tsx).\r\n\r\nWe considered adding Popper directly to Tailwind UI for situations like this, but we're concerned it's going too far with the implementation. Not everyone needs Popper for their dropdowns, it adds a bunch of extra code, and our focus is really on providing solid design patterns more than specific implementation details, so we've opted to keep things simpler for now and leave it up to the customer to decide if they'd like to implement Popper in their apps. That said, I could see us eventually adding something about Popper in the Tailwind UI documentation.\r\n\r\nTo prevent further confusion with this particular component example, I've updated the table to just have an \"Edit\" button instead of the dropdown.\r\n\r\nI hope that all makes sense! ๐ŸคŸ\r\n\r\n![home-screens 01-full-width-with-sidebar-xl](https://user-images.githubusercontent.com/882133/138085527-e15070c9-a4c0-4655-a092-91881b23e78e.png)\r\n\r\n\r\n","reactions":{"url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues/issues/comments/947582252/reactions","total_count":0,"+1":0,"-1":0,"laugh":0,"hooray":0,"confused":0,"heart":0,"rocket":0,"eyes":0},"performed_via_github_app":null}},"public":true,"created_at":"2021-10-20T11:39:51Z","org":{"id":67109815,"login":"tailwindlabs","gravatar_id":"","url":"https://api.github.com/orgs/tailwindlabs","avatar_url":"https://avatars.githubusercontent.com/u/67109815?"}},{"id":"18517073139","type":"IssuesEvent","actor":{"id":882133,"login":"reinink","display_login":"reinink","gravatar_id":"","url":"https://api.github.com/users/reinink","avatar_url":"https://avatars.githubusercontent.com/u/882133?"},"repo":{"id":244019378,"name":"tailwindlabs/tailwindui-issues","url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues"},"payload":{"action":"closed","issue":{"url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues/issues/692","repository_url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues","labels_url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues/issues/692/labels{/name}","comments_url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues/issues/692/comments","events_url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues/issues/692/events","html_url":"https://github.com/tailwindlabs/tailwindui-issues/issues/692","id":955826357,"node_id":"MDU6SXNzdWU5NTU4MjYzNTc=","number":692,"title":"Home Screen example with menu inside table","user":{"login":"PericlesTheo","id":1856436,"node_id":"MDQ6VXNlcjE4NTY0MzY=","avatar_url":"https://avatars.githubusercontent.com/u/1856436?v=4","gravatar_id":"","url":"https://api.github.com/users/PericlesTheo","html_url":"https://github.com/PericlesTheo","followers_url":"https://api.github.com/users/PericlesTheo/followers","following_url":"https://api.github.com/users/PericlesTheo/following{/other_user}","gists_url":"https://api.github.com/users/PericlesTheo/gists{/gist_id}","starred_url":"https://api.github.com/users/PericlesTheo/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/PericlesTheo/subscriptions","organizations_url":"https://api.github.com/users/PericlesTheo/orgs","repos_url":"https://api.github.com/users/PericlesTheo/repos","events_url":"https://api.github.com/users/PericlesTheo/events{/privacy}","received_events_url":"https://api.github.com/users/PericlesTheo/received_events","type":"User","site_admin":false},"labels":[{"id":1879315588,"node_id":"MDU6TGFiZWwxODc5MzE1NTg4","url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues/labels/bug","name":"bug","color":"e02424","default":true,"description":"Something isn't working"}],"state":"closed","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":1,"created_at":"2021-07-29T13:09:22Z","updated_at":"2021-10-20T11:21:11Z","closed_at":"2021-10-20T11:21:11Z","author_association":"NONE","active_lock_reason":null,"body":"**What component (if applicable)**\r\n- URL for category: https://tailwindui.com/components/application-ui/page-examples/home-screens#component-af4086fe483fb8a418175cf0218dd5c4\r\n- Component name: Home Screen\r\n\r\n**Describe the bug**\r\nThe menu seems to be bound within the table. So when opening it is pushing it down. It's more evident when there is only 1 row where the menu will not even be completely visible \r\n\r\n**To Reproduce**\r\nSteps to reproduce the behavior:\r\n1. Go to the provided link\r\n2. Click on the vertical dots icon in the last row\r\n3. The menu moves the whole table.\r\n\r\n**Expected behavior**\r\nNot bound to the table itself. I understand this might be problematic if the row sits at the bottom of the screen where cutting off might still occur.\r\n\r\n**Screenshots**\r\n![Jul-29-2021 16-07-04](https://user-images.githubusercontent.com/1856436/127497420-b146d033-98ef-4184-b43f-ae21e26a147e.gif)\r\n\r\n\r\n**Browser/Device (if applicable)**\r\n - OS: MacOS\r\n - Browser Safari\r\n - Version 14.1 (16611.1.21.161.3)\r\n\r\n - OS: MacOS\r\n - Browser Chrome\r\n - Version 92.0.4515.107 (Official Build) (x86_64)\r\n\r\n**Additional context**\r\nAdd any other context about the problem here.\r\n","reactions":{"url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues/issues/692/reactions","total_count":0,"+1":0,"-1":0,"laugh":0,"hooray":0,"confused":0,"heart":0,"rocket":0,"eyes":0},"timeline_url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues/issues/692/timeline","performed_via_github_app":null}},"public":true,"created_at":"2021-10-20T11:21:11Z","org":{"id":67109815,"login":"tailwindlabs","gravatar_id":"","url":"https://api.github.com/orgs/tailwindlabs","avatar_url":"https://avatars.githubusercontent.com/u/67109815?"}},{"id":"18506662682","type":"IssuesEvent","actor":{"id":882133,"login":"reinink","display_login":"reinink","gravatar_id":"","url":"https://api.github.com/users/reinink","avatar_url":"https://avatars.githubusercontent.com/u/882133?"},"repo":{"id":244019378,"name":"tailwindlabs/tailwindui-issues","url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues"},"payload":{"action":"closed","issue":{"url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues/issues/604","repository_url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues","labels_url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues/issues/604/labels{/name}","comments_url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues/issues/604/comments","events_url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues/issues/604/events","html_url":"https://github.com/tailwindlabs/tailwindui-issues/issues/604","id":875135252,"node_id":"MDU6SXNzdWU4NzUxMzUyNTI=","number":604,"title":"Page examples do not print correctly with multi-page content","user":{"login":"pjbakker","id":1267780,"node_id":"MDQ6VXNlcjEyNjc3ODA=","avatar_url":"https://avatars.githubusercontent.com/u/1267780?v=4","gravatar_id":"","url":"https://api.github.com/users/pjbakker","html_url":"https://github.com/pjbakker","followers_url":"https://api.github.com/users/pjbakker/followers","following_url":"https://api.github.com/users/pjbakker/following{/other_user}","gists_url":"https://api.github.com/users/pjbakker/gists{/gist_id}","starred_url":"https://api.github.com/users/pjbakker/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/pjbakker/subscriptions","organizations_url":"https://api.github.com/users/pjbakker/orgs","repos_url":"https://api.github.com/users/pjbakker/repos","events_url":"https://api.github.com/users/pjbakker/events{/privacy}","received_events_url":"https://api.github.com/users/pjbakker/received_events","type":"User","site_admin":false},"labels":[{"id":1879315588,"node_id":"MDU6TGFiZWwxODc5MzE1NTg4","url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues/labels/bug","name":"bug","color":"e02424","default":true,"description":"Something isn't working"}],"state":"closed","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":5,"created_at":"2021-05-04T06:06:30Z","updated_at":"2021-10-19T19:29:36Z","closed_at":"2021-10-19T19:29:36Z","author_association":"NONE","active_lock_reason":null,"body":"**What component (if applicable)**\r\n- URL for category: e.g. https://tailwindui.com/components/application-ui/page-examples/detail-screens\r\n- Component name: e.g.Multi-column directory\r\n\r\n**Describe the bug**\r\n\r\nWhen using example pages (such as described above) in a real-world app and printing it (Print in browser), only the current 'active part of the screen' is printed by the browser and not all content.\r\n\r\nReason is that example pages have \"h-screen\" on the outermost div, thus limiting the window to print.\r\n\r\n**To Reproduce**\r\nSteps to reproduce the behavior:\r\n1. Make a page with enough content that it does not fit on a single screen of \"Multi-column directory detail screen\"\r\n2. Scroll down\r\n3. Cmd-P/Windows-P/whatever it is on your OS / Browser\r\n4. Look at Preview and only see current viewport (and only 1 page to print)\r\n\r\n**Expected behavior**\r\n\r\nPrint 3 pages of content\r\n\r\n**Additional context**\r\n\r\nSolution: change \"h-screen\" to \"min-h-screen\" on the outermost div, and add \"h-screen\" to the div below \r\n\r\nThis issue is present on more than just this detail screen. Just using this one to illustrate.\r\n","reactions":{"url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues/issues/604/reactions","total_count":0,"+1":0,"-1":0,"laugh":0,"hooray":0,"confused":0,"heart":0,"rocket":0,"eyes":0},"timeline_url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues/issues/604/timeline","performed_via_github_app":null}},"public":true,"created_at":"2021-10-19T19:29:36Z","org":{"id":67109815,"login":"tailwindlabs","gravatar_id":"","url":"https://api.github.com/orgs/tailwindlabs","avatar_url":"https://avatars.githubusercontent.com/u/67109815?"}},{"id":"18506662638","type":"IssueCommentEvent","actor":{"id":882133,"login":"reinink","display_login":"reinink","gravatar_id":"","url":"https://api.github.com/users/reinink","avatar_url":"https://avatars.githubusercontent.com/u/882133?"},"repo":{"id":244019378,"name":"tailwindlabs/tailwindui-issues","url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues"},"payload":{"action":"created","issue":{"url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues/issues/604","repository_url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues","labels_url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues/issues/604/labels{/name}","comments_url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues/issues/604/comments","events_url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues/issues/604/events","html_url":"https://github.com/tailwindlabs/tailwindui-issues/issues/604","id":875135252,"node_id":"MDU6SXNzdWU4NzUxMzUyNTI=","number":604,"title":"Page examples do not print correctly with multi-page content","user":{"login":"pjbakker","id":1267780,"node_id":"MDQ6VXNlcjEyNjc3ODA=","avatar_url":"https://avatars.githubusercontent.com/u/1267780?v=4","gravatar_id":"","url":"https://api.github.com/users/pjbakker","html_url":"https://github.com/pjbakker","followers_url":"https://api.github.com/users/pjbakker/followers","following_url":"https://api.github.com/users/pjbakker/following{/other_user}","gists_url":"https://api.github.com/users/pjbakker/gists{/gist_id}","starred_url":"https://api.github.com/users/pjbakker/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/pjbakker/subscriptions","organizations_url":"https://api.github.com/users/pjbakker/orgs","repos_url":"https://api.github.com/users/pjbakker/repos","events_url":"https://api.github.com/users/pjbakker/events{/privacy}","received_events_url":"https://api.github.com/users/pjbakker/received_events","type":"User","site_admin":false},"labels":[{"id":1879315588,"node_id":"MDU6TGFiZWwxODc5MzE1NTg4","url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues/labels/bug","name":"bug","color":"e02424","default":true,"description":"Something isn't working"}],"state":"closed","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":5,"created_at":"2021-05-04T06:06:30Z","updated_at":"2021-10-19T19:29:36Z","closed_at":"2021-10-19T19:29:36Z","author_association":"NONE","active_lock_reason":null,"body":"**What component (if applicable)**\r\n- URL for category: e.g. https://tailwindui.com/components/application-ui/page-examples/detail-screens\r\n- Component name: e.g.Multi-column directory\r\n\r\n**Describe the bug**\r\n\r\nWhen using example pages (such as described above) in a real-world app and printing it (Print in browser), only the current 'active part of the screen' is printed by the browser and not all content.\r\n\r\nReason is that example pages have \"h-screen\" on the outermost div, thus limiting the window to print.\r\n\r\n**To Reproduce**\r\nSteps to reproduce the behavior:\r\n1. Make a page with enough content that it does not fit on a single screen of \"Multi-column directory detail screen\"\r\n2. Scroll down\r\n3. Cmd-P/Windows-P/whatever it is on your OS / Browser\r\n4. Look at Preview and only see current viewport (and only 1 page to print)\r\n\r\n**Expected behavior**\r\n\r\nPrint 3 pages of content\r\n\r\n**Additional context**\r\n\r\nSolution: change \"h-screen\" to \"min-h-screen\" on the outermost div, and add \"h-screen\" to the div below \r\n\r\nThis issue is present on more than just this detail screen. Just using this one to illustrate.\r\n","reactions":{"url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues/issues/604/reactions","total_count":0,"+1":0,"-1":0,"laugh":0,"hooray":0,"confused":0,"heart":0,"rocket":0,"eyes":0},"timeline_url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues/issues/604/timeline","performed_via_github_app":null},"comment":{"url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues/issues/comments/947040537","html_url":"https://github.com/tailwindlabs/tailwindui-issues/issues/604#issuecomment-947040537","issue_url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues/issues/604","id":947040537,"node_id":"IC_kwDODotwss44crEZ","user":{"login":"reinink","id":882133,"node_id":"MDQ6VXNlcjg4MjEzMw==","avatar_url":"https://avatars.githubusercontent.com/u/882133?v=4","gravatar_id":"","url":"https://api.github.com/users/reinink","html_url":"https://github.com/reinink","followers_url":"https://api.github.com/users/reinink/followers","following_url":"https://api.github.com/users/reinink/following{/other_user}","gists_url":"https://api.github.com/users/reinink/gists{/gist_id}","starred_url":"https://api.github.com/users/reinink/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/reinink/subscriptions","organizations_url":"https://api.github.com/users/reinink/orgs","repos_url":"https://api.github.com/users/reinink/repos","events_url":"https://api.github.com/users/reinink/events{/privacy}","received_events_url":"https://api.github.com/users/reinink/received_events","type":"User","site_admin":false},"created_at":"2021-10-19T19:29:36Z","updated_at":"2021-10-19T19:29:36Z","author_association":"MEMBER","body":"@pjbakker Hey thanks so much for bringing this to our attention.\r\n\r\nI've just completed a significant overhaul to all the layout components in Tailwind UI, removing `h-screen` and `min-h-screen` wherever possible and switching to body scrolling instead of container scrolling. This already helps a lot with print issues like this. You can read a detailed description of this update here: https://github.com/tailwindlabs/tailwindui-issues/issues/236#issuecomment-946826901\r\n\r\nHowever, there are still some layout components that require having `h-full overflow-hidden` on the `` and container scrolling for the content, just because it's too difficult to do those layouts with body scrolling. These mostly include the multi-column layouts, which includes the component you were running into issues with โ€”ย the \"Multi-column directory\" component. For these, you'll still run into issues with printing.\r\n\r\nThat said, if printing is important for your project, there's a neat little workaround to this issue. I'd recommend creating a new `print` \"breakpoint\", and then adjusting the print styles as needed. Here's an example of how you can add this breakpoint to your Tailwind config:\r\n\r\n```js\r\ntheme: {\r\n extend: {\r\n screens: {\r\n 'print': {'raw': 'print'},\r\n }\r\n }\r\n},\r\n```\r\n\r\nNow you can apply print specific styles, such as `print:h-auto`. For example, for the \"Multi-column directory\" component, I'd recommend making this change to disable the body height when printing:\r\n\r\n```diff\r\n- \r\n+ \r\n```\r\n\r\nYou'll also want to disable the off-canvas menu for mobile:\r\n\r\n```diff\r\n-
\r\n+
\r\n```\r\n\r\nWith these small changes, the printing now works much better for this layout! ๐Ÿ™Œ\r\n\r\nI hope that helps!","reactions":{"url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues/issues/comments/947040537/reactions","total_count":0,"+1":0,"-1":0,"laugh":0,"hooray":0,"confused":0,"heart":0,"rocket":0,"eyes":0},"performed_via_github_app":null}},"public":true,"created_at":"2021-10-19T19:29:36Z","org":{"id":67109815,"login":"tailwindlabs","gravatar_id":"","url":"https://api.github.com/orgs/tailwindlabs","avatar_url":"https://avatars.githubusercontent.com/u/67109815?"}},{"id":"18506111489","type":"IssuesEvent","actor":{"id":882133,"login":"reinink","display_login":"reinink","gravatar_id":"","url":"https://api.github.com/users/reinink","avatar_url":"https://avatars.githubusercontent.com/u/882133?"},"repo":{"id":244019378,"name":"tailwindlabs/tailwindui-issues","url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues"},"payload":{"action":"closed","issue":{"url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues/issues/425","repository_url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues","labels_url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues/issues/425/labels{/name}","comments_url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues/issues/425/comments","events_url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues/issues/425/events","html_url":"https://github.com/tailwindlabs/tailwindui-issues/issues/425","id":777258491,"node_id":"MDU6SXNzdWU3NzcyNTg0OTE=","number":425,"title":"Some styles not applied correctly when added TailwindCSS in an Angular project. ","user":{"login":"zbaloch","id":8920243,"node_id":"MDQ6VXNlcjg5MjAyNDM=","avatar_url":"https://avatars.githubusercontent.com/u/8920243?v=4","gravatar_id":"","url":"https://api.github.com/users/zbaloch","html_url":"https://github.com/zbaloch","followers_url":"https://api.github.com/users/zbaloch/followers","following_url":"https://api.github.com/users/zbaloch/following{/other_user}","gists_url":"https://api.github.com/users/zbaloch/gists{/gist_id}","starred_url":"https://api.github.com/users/zbaloch/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/zbaloch/subscriptions","organizations_url":"https://api.github.com/users/zbaloch/orgs","repos_url":"https://api.github.com/users/zbaloch/repos","events_url":"https://api.github.com/users/zbaloch/events{/privacy}","received_events_url":"https://api.github.com/users/zbaloch/received_events","type":"User","site_admin":false},"labels":[{"id":1879315588,"node_id":"MDU6TGFiZWwxODc5MzE1NTg4","url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues/labels/bug","name":"bug","color":"e02424","default":true,"description":"Something isn't working"}],"state":"closed","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":3,"created_at":"2021-01-01T10:22:18Z","updated_at":"2021-10-19T18:49:09Z","closed_at":"2021-10-19T18:49:09Z","author_association":"NONE","active_lock_reason":null,"body":"The component is question is Application UI > Forms > Sign-in and registration -> Simple Form\r\n\r\nAs in attachment the spacing between the elements is not correctly applied. It seems that TailwindCSS v2 is missing some of the styles that are part of TailwindUI?\r\n\r\n![image](https://user-images.githubusercontent.com/8920243/103437078-e725f680-4c33-11eb-90ad-7577f4e48c0b.png)\r\n\r\nExpected:\r\n\r\n\"image\"\r\n\r\n\r\n","reactions":{"url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues/issues/425/reactions","total_count":0,"+1":0,"-1":0,"laugh":0,"hooray":0,"confused":0,"heart":0,"rocket":0,"eyes":0},"timeline_url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues/issues/425/timeline","performed_via_github_app":null}},"public":true,"created_at":"2021-10-19T18:49:09Z","org":{"id":67109815,"login":"tailwindlabs","gravatar_id":"","url":"https://api.github.com/orgs/tailwindlabs","avatar_url":"https://avatars.githubusercontent.com/u/67109815?"}},{"id":"18506111458","type":"IssueCommentEvent","actor":{"id":882133,"login":"reinink","display_login":"reinink","gravatar_id":"","url":"https://api.github.com/users/reinink","avatar_url":"https://avatars.githubusercontent.com/u/882133?"},"repo":{"id":244019378,"name":"tailwindlabs/tailwindui-issues","url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues"},"payload":{"action":"created","issue":{"url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues/issues/425","repository_url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues","labels_url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues/issues/425/labels{/name}","comments_url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues/issues/425/comments","events_url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues/issues/425/events","html_url":"https://github.com/tailwindlabs/tailwindui-issues/issues/425","id":777258491,"node_id":"MDU6SXNzdWU3NzcyNTg0OTE=","number":425,"title":"Some styles not applied correctly when added TailwindCSS in an Angular project. ","user":{"login":"zbaloch","id":8920243,"node_id":"MDQ6VXNlcjg5MjAyNDM=","avatar_url":"https://avatars.githubusercontent.com/u/8920243?v=4","gravatar_id":"","url":"https://api.github.com/users/zbaloch","html_url":"https://github.com/zbaloch","followers_url":"https://api.github.com/users/zbaloch/followers","following_url":"https://api.github.com/users/zbaloch/following{/other_user}","gists_url":"https://api.github.com/users/zbaloch/gists{/gist_id}","starred_url":"https://api.github.com/users/zbaloch/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/zbaloch/subscriptions","organizations_url":"https://api.github.com/users/zbaloch/orgs","repos_url":"https://api.github.com/users/zbaloch/repos","events_url":"https://api.github.com/users/zbaloch/events{/privacy}","received_events_url":"https://api.github.com/users/zbaloch/received_events","type":"User","site_admin":false},"labels":[{"id":1879315588,"node_id":"MDU6TGFiZWwxODc5MzE1NTg4","url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues/labels/bug","name":"bug","color":"e02424","default":true,"description":"Something isn't working"}],"state":"closed","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":3,"created_at":"2021-01-01T10:22:18Z","updated_at":"2021-10-19T18:49:09Z","closed_at":"2021-10-19T18:49:09Z","author_association":"NONE","active_lock_reason":null,"body":"The component is question is Application UI > Forms > Sign-in and registration -> Simple Form\r\n\r\nAs in attachment the spacing between the elements is not correctly applied. It seems that TailwindCSS v2 is missing some of the styles that are part of TailwindUI?\r\n\r\n![image](https://user-images.githubusercontent.com/8920243/103437078-e725f680-4c33-11eb-90ad-7577f4e48c0b.png)\r\n\r\nExpected:\r\n\r\n\"image\"\r\n\r\n\r\n","reactions":{"url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues/issues/425/reactions","total_count":0,"+1":0,"-1":0,"laugh":0,"hooray":0,"confused":0,"heart":0,"rocket":0,"eyes":0},"timeline_url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues/issues/425/timeline","performed_via_github_app":null},"comment":{"url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues/issues/comments/947010858","html_url":"https://github.com/tailwindlabs/tailwindui-issues/issues/425#issuecomment-947010858","issue_url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues/issues/425","id":947010858,"node_id":"IC_kwDODotwss44cj0q","user":{"login":"reinink","id":882133,"node_id":"MDQ6VXNlcjg4MjEzMw==","avatar_url":"https://avatars.githubusercontent.com/u/882133?v=4","gravatar_id":"","url":"https://api.github.com/users/reinink","html_url":"https://github.com/reinink","followers_url":"https://api.github.com/users/reinink/followers","following_url":"https://api.github.com/users/reinink/following{/other_user}","gists_url":"https://api.github.com/users/reinink/gists{/gist_id}","starred_url":"https://api.github.com/users/reinink/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/reinink/subscriptions","organizations_url":"https://api.github.com/users/reinink/orgs","repos_url":"https://api.github.com/users/reinink/repos","events_url":"https://api.github.com/users/reinink/events{/privacy}","received_events_url":"https://api.github.com/users/reinink/received_events","type":"User","site_admin":false},"created_at":"2021-10-19T18:49:09Z","updated_at":"2021-10-19T18:49:09Z","author_association":"MEMBER","body":"Hey I'm going to close this since I haven't heard anything back. Feel free to still provide a minimal reproduction repo though โ€” I'd be happy to have a look! ๐Ÿ‘ ","reactions":{"url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues/issues/comments/947010858/reactions","total_count":0,"+1":0,"-1":0,"laugh":0,"hooray":0,"confused":0,"heart":0,"rocket":0,"eyes":0},"performed_via_github_app":null}},"public":true,"created_at":"2021-10-19T18:49:09Z","org":{"id":67109815,"login":"tailwindlabs","gravatar_id":"","url":"https://api.github.com/orgs/tailwindlabs","avatar_url":"https://avatars.githubusercontent.com/u/67109815?"}},{"id":"18506052053","type":"IssueCommentEvent","actor":{"id":882133,"login":"reinink","display_login":"reinink","gravatar_id":"","url":"https://api.github.com/users/reinink","avatar_url":"https://avatars.githubusercontent.com/u/882133?"},"repo":{"id":244019378,"name":"tailwindlabs/tailwindui-issues","url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues"},"payload":{"action":"created","issue":{"url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues/issues/1035","repository_url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues","labels_url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues/issues/1035/labels{/name}","comments_url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues/issues/1035/comments","events_url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues/issues/1035/events","html_url":"https://github.com/tailwindlabs/tailwindui-issues/issues/1035","id":1019721989,"node_id":"I_kwDODotwss48x7kF","number":1035,"title":"Clearer name for `With color swatches`","user":{"login":"adevade","id":1066486,"node_id":"MDQ6VXNlcjEwNjY0ODY=","avatar_url":"https://avatars.githubusercontent.com/u/1066486?v=4","gravatar_id":"","url":"https://api.github.com/users/adevade","html_url":"https://github.com/adevade","followers_url":"https://api.github.com/users/adevade/followers","following_url":"https://api.github.com/users/adevade/following{/other_user}","gists_url":"https://api.github.com/users/adevade/gists{/gist_id}","starred_url":"https://api.github.com/users/adevade/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/adevade/subscriptions","organizations_url":"https://api.github.com/users/adevade/orgs","repos_url":"https://api.github.com/users/adevade/repos","events_url":"https://api.github.com/users/adevade/events{/privacy}","received_events_url":"https://api.github.com/users/adevade/received_events","type":"User","site_admin":false},"labels":[],"state":"closed","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":2,"created_at":"2021-10-07T07:42:47Z","updated_at":"2021-10-19T18:44:45Z","closed_at":"2021-10-19T18:39:02Z","author_association":"NONE","active_lock_reason":null,"body":"**What component (if applicable)**\r\n- URL for category: [Link](https://tailwindui.com/components/ecommerce/components/product-lists#component-8105154d15d7d3e67dfca10db396d9c5)\r\n- Component name: **With color swatches**\r\n\r\n**Describe the bug**\r\nAdd to the name that the component scrolls horizontally on smaller screens. I assumed that it would behave like the other components on the page, and stack vertically.\r\n\r\n*(Also, I'm adding a suggestion for you to add custom scrollbars to the Tailwind UI site. For all us poor Windows users.)*\r\n\r\n**Screenshots**\r\n![msedge_vR9jHk1BCP](https://user-images.githubusercontent.com/1066486/136340605-2d05eba5-47d8-49fe-9846-6615974a19fb.png)\r\n\r\n**Browser/Device (if applicable)**\r\n- OS: Windows 10\r\n- Browser: Edge\r\n- Version: 94.0.992.38\r\n","reactions":{"url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues/issues/1035/reactions","total_count":0,"+1":0,"-1":0,"laugh":0,"hooray":0,"confused":0,"heart":0,"rocket":0,"eyes":0},"timeline_url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues/issues/1035/timeline","performed_via_github_app":null},"comment":{"url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues/issues/comments/947007776","html_url":"https://github.com/tailwindlabs/tailwindui-issues/issues/1035#issuecomment-947007776","issue_url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues/issues/1035","id":947007776,"node_id":"IC_kwDODotwss44cjEg","user":{"login":"reinink","id":882133,"node_id":"MDQ6VXNlcjg4MjEzMw==","avatar_url":"https://avatars.githubusercontent.com/u/882133?v=4","gravatar_id":"","url":"https://api.github.com/users/reinink","html_url":"https://github.com/reinink","followers_url":"https://api.github.com/users/reinink/followers","following_url":"https://api.github.com/users/reinink/following{/other_user}","gists_url":"https://api.github.com/users/reinink/gists{/gist_id}","starred_url":"https://api.github.com/users/reinink/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/reinink/subscriptions","organizations_url":"https://api.github.com/users/reinink/orgs","repos_url":"https://api.github.com/users/reinink/repos","events_url":"https://api.github.com/users/reinink/events{/privacy}","received_events_url":"https://api.github.com/users/reinink/received_events","type":"User","site_admin":false},"created_at":"2021-10-19T18:44:45Z","updated_at":"2021-10-19T18:44:45Z","author_association":"MEMBER","body":"Also, good job adding the custom scrollbar suggestion as a [new discussion](https://github.com/tailwindlabs/tailwindui-issues/discussions/1036) โ€”ย exactly what I was going to suggest ๐Ÿ‘","reactions":{"url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues/issues/comments/947007776/reactions","total_count":0,"+1":0,"-1":0,"laugh":0,"hooray":0,"confused":0,"heart":0,"rocket":0,"eyes":0},"performed_via_github_app":null}},"public":true,"created_at":"2021-10-19T18:44:45Z","org":{"id":67109815,"login":"tailwindlabs","gravatar_id":"","url":"https://api.github.com/orgs/tailwindlabs","avatar_url":"https://avatars.githubusercontent.com/u/67109815?"}},{"id":"18506033018","type":"IssueCommentEvent","actor":{"id":882133,"login":"reinink","display_login":"reinink","gravatar_id":"","url":"https://api.github.com/users/reinink","avatar_url":"https://avatars.githubusercontent.com/u/882133?"},"repo":{"id":244019378,"name":"tailwindlabs/tailwindui-issues","url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues"},"payload":{"action":"created","issue":{"url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues/issues/1035","repository_url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues","labels_url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues/issues/1035/labels{/name}","comments_url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues/issues/1035/comments","events_url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues/issues/1035/events","html_url":"https://github.com/tailwindlabs/tailwindui-issues/issues/1035","id":1019721989,"node_id":"I_kwDODotwss48x7kF","number":1035,"title":"Clearer name for `With color swatches`","user":{"login":"adevade","id":1066486,"node_id":"MDQ6VXNlcjEwNjY0ODY=","avatar_url":"https://avatars.githubusercontent.com/u/1066486?v=4","gravatar_id":"","url":"https://api.github.com/users/adevade","html_url":"https://github.com/adevade","followers_url":"https://api.github.com/users/adevade/followers","following_url":"https://api.github.com/users/adevade/following{/other_user}","gists_url":"https://api.github.com/users/adevade/gists{/gist_id}","starred_url":"https://api.github.com/users/adevade/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/adevade/subscriptions","organizations_url":"https://api.github.com/users/adevade/orgs","repos_url":"https://api.github.com/users/adevade/repos","events_url":"https://api.github.com/users/adevade/events{/privacy}","received_events_url":"https://api.github.com/users/adevade/received_events","type":"User","site_admin":false},"labels":[],"state":"closed","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":0,"created_at":"2021-10-07T07:42:47Z","updated_at":"2021-10-19T18:43:21Z","closed_at":"2021-10-19T18:39:02Z","author_association":"NONE","active_lock_reason":null,"body":"**What component (if applicable)**\r\n- URL for category: [Link](https://tailwindui.com/components/ecommerce/components/product-lists#component-8105154d15d7d3e67dfca10db396d9c5)\r\n- Component name: **With color swatches**\r\n\r\n**Describe the bug**\r\nAdd to the name that the component scrolls horizontally on smaller screens. I assumed that it would behave like the other components on the page, and stack vertically.\r\n\r\n*(Also, I'm adding a suggestion for you to add custom scrollbars to the Tailwind UI site. For all us poor Windows users.)*\r\n\r\n**Screenshots**\r\n![msedge_vR9jHk1BCP](https://user-images.githubusercontent.com/1066486/136340605-2d05eba5-47d8-49fe-9846-6615974a19fb.png)\r\n\r\n**Browser/Device (if applicable)**\r\n- OS: Windows 10\r\n- Browser: Edge\r\n- Version: 94.0.992.38\r\n","reactions":{"url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues/issues/1035/reactions","total_count":0,"+1":0,"-1":0,"laugh":0,"hooray":0,"confused":0,"heart":0,"rocket":0,"eyes":0},"timeline_url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues/issues/1035/timeline","performed_via_github_app":null},"comment":{"url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues/issues/comments/947006881","html_url":"https://github.com/tailwindlabs/tailwindui-issues/issues/1035#issuecomment-947006881","issue_url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues/issues/1035","id":947006881,"node_id":"IC_kwDODotwss44ci2h","user":{"login":"reinink","id":882133,"node_id":"MDQ6VXNlcjg4MjEzMw==","avatar_url":"https://avatars.githubusercontent.com/u/882133?v=4","gravatar_id":"","url":"https://api.github.com/users/reinink","html_url":"https://github.com/reinink","followers_url":"https://api.github.com/users/reinink/followers","following_url":"https://api.github.com/users/reinink/following{/other_user}","gists_url":"https://api.github.com/users/reinink/gists{/gist_id}","starred_url":"https://api.github.com/users/reinink/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/reinink/subscriptions","organizations_url":"https://api.github.com/users/reinink/orgs","repos_url":"https://api.github.com/users/reinink/repos","events_url":"https://api.github.com/users/reinink/events{/privacy}","received_events_url":"https://api.github.com/users/reinink/received_events","type":"User","site_admin":false},"created_at":"2021-10-19T18:43:21Z","updated_at":"2021-10-19T18:43:21Z","author_association":"MEMBER","body":"Hey thanks for this suggestion! ๐ŸคŸ\r\n\r\nI've gone ahead and renamed this component to \"With color swatches and horizontal scrolling\". I've also adding some padding below the component to force the scrollbar away from the swatches, but to prevent the component from taking more space overall I offset the bottom padding with an equivalent negative bottom margin.\r\n\r\n-----\r\n\r\n\"Screen","reactions":{"url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues/issues/comments/947006881/reactions","total_count":0,"+1":0,"-1":0,"laugh":0,"hooray":0,"confused":0,"heart":0,"rocket":0,"eyes":0},"performed_via_github_app":null}},"public":true,"created_at":"2021-10-19T18:43:21Z","org":{"id":67109815,"login":"tailwindlabs","gravatar_id":"","url":"https://api.github.com/orgs/tailwindlabs","avatar_url":"https://avatars.githubusercontent.com/u/67109815?"}},{"id":"18505972330","type":"IssuesEvent","actor":{"id":882133,"login":"reinink","display_login":"reinink","gravatar_id":"","url":"https://api.github.com/users/reinink","avatar_url":"https://avatars.githubusercontent.com/u/882133?"},"repo":{"id":244019378,"name":"tailwindlabs/tailwindui-issues","url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues"},"payload":{"action":"closed","issue":{"url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues/issues/1035","repository_url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues","labels_url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues/issues/1035/labels{/name}","comments_url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues/issues/1035/comments","events_url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues/issues/1035/events","html_url":"https://github.com/tailwindlabs/tailwindui-issues/issues/1035","id":1019721989,"node_id":"I_kwDODotwss48x7kF","number":1035,"title":"Clearer name for `With color swatches`","user":{"login":"adevade","id":1066486,"node_id":"MDQ6VXNlcjEwNjY0ODY=","avatar_url":"https://avatars.githubusercontent.com/u/1066486?v=4","gravatar_id":"","url":"https://api.github.com/users/adevade","html_url":"https://github.com/adevade","followers_url":"https://api.github.com/users/adevade/followers","following_url":"https://api.github.com/users/adevade/following{/other_user}","gists_url":"https://api.github.com/users/adevade/gists{/gist_id}","starred_url":"https://api.github.com/users/adevade/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/adevade/subscriptions","organizations_url":"https://api.github.com/users/adevade/orgs","repos_url":"https://api.github.com/users/adevade/repos","events_url":"https://api.github.com/users/adevade/events{/privacy}","received_events_url":"https://api.github.com/users/adevade/received_events","type":"User","site_admin":false},"labels":[],"state":"closed","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":0,"created_at":"2021-10-07T07:42:47Z","updated_at":"2021-10-19T18:39:02Z","closed_at":"2021-10-19T18:39:02Z","author_association":"NONE","active_lock_reason":null,"body":"**What component (if applicable)**\r\n- URL for category: [Link](https://tailwindui.com/components/ecommerce/components/product-lists#component-8105154d15d7d3e67dfca10db396d9c5)\r\n- Component name: **With color swatches**\r\n\r\n**Describe the bug**\r\nAdd to the name that the component scrolls horizontally on smaller screens. I assumed that it would behave like the other components on the page, and stack vertically.\r\n\r\n*(Also, I'm adding a suggestion for you to add custom scrollbars to the Tailwind UI site. For all us poor Windows users.)*\r\n\r\n**Screenshots**\r\n![msedge_vR9jHk1BCP](https://user-images.githubusercontent.com/1066486/136340605-2d05eba5-47d8-49fe-9846-6615974a19fb.png)\r\n\r\n**Browser/Device (if applicable)**\r\n- OS: Windows 10\r\n- Browser: Edge\r\n- Version: 94.0.992.38\r\n","reactions":{"url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues/issues/1035/reactions","total_count":0,"+1":0,"-1":0,"laugh":0,"hooray":0,"confused":0,"heart":0,"rocket":0,"eyes":0},"timeline_url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues/issues/1035/timeline","performed_via_github_app":null}},"public":true,"created_at":"2021-10-19T18:39:03Z","org":{"id":67109815,"login":"tailwindlabs","gravatar_id":"","url":"https://api.github.com/orgs/tailwindlabs","avatar_url":"https://avatars.githubusercontent.com/u/67109815?"}},{"id":"18504953123","type":"IssueCommentEvent","actor":{"id":882133,"login":"reinink","display_login":"reinink","gravatar_id":"","url":"https://api.github.com/users/reinink","avatar_url":"https://avatars.githubusercontent.com/u/882133?"},"repo":{"id":244019378,"name":"tailwindlabs/tailwindui-issues","url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues"},"payload":{"action":"created","issue":{"url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues/issues/1041","repository_url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues","labels_url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues/issues/1041/labels{/name}","comments_url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues/issues/1041/comments","events_url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues/issues/1041/events","html_url":"https://github.com/tailwindlabs/tailwindui-issues/issues/1041","id":1027410889,"node_id":"I_kwDODotwss49PQvJ","number":1041,"title":"Select custom component bottom margin","user":{"login":"geodeveloper","id":6689915,"node_id":"MDQ6VXNlcjY2ODk5MTU=","avatar_url":"https://avatars.githubusercontent.com/u/6689915?v=4","gravatar_id":"","url":"https://api.github.com/users/geodeveloper","html_url":"https://github.com/geodeveloper","followers_url":"https://api.github.com/users/geodeveloper/followers","following_url":"https://api.github.com/users/geodeveloper/following{/other_user}","gists_url":"https://api.github.com/users/geodeveloper/gists{/gist_id}","starred_url":"https://api.github.com/users/geodeveloper/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/geodeveloper/subscriptions","organizations_url":"https://api.github.com/users/geodeveloper/orgs","repos_url":"https://api.github.com/users/geodeveloper/repos","events_url":"https://api.github.com/users/geodeveloper/events{/privacy}","received_events_url":"https://api.github.com/users/geodeveloper/received_events","type":"User","site_admin":false},"labels":[],"state":"closed","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":3,"created_at":"2021-10-15T12:51:17Z","updated_at":"2021-10-19T17:27:29Z","closed_at":"2021-10-19T16:41:52Z","author_association":"NONE","active_lock_reason":null,"body":"**What component (if applicable)**\r\n- URL for category: https://tailwindui.com/components/application-ui/forms/select-menus\r\n- Component name: Simple custom\r\n\r\n**Describe the bug**\r\nThe select component is integrated into a page which doesn't have so much height and the component it's rendered near the bottom of the page. When opening the select options, it shows correctly all the options but the last option or the end part of the component is not completely shown, the bottom border and shadow is not visible. \r\n\r\n**To Reproduce**\r\nSteps to reproduce the behavior:\r\n1. Add select custom component at the bottom of a page\r\n2. Click on select options\r\n3. Scroll down to the end of list\r\n4. See error (border and shadow not visible)\r\n\r\n**Expected behavior**\r\nThe select component should be completely visible border and shadow, maybe add some margins at the bottom.\r\n\r\n**Screenshots**\r\n\r\nSee bottom of the image\r\n![image](https://user-images.githubusercontent.com/6689915/137489905-bc963c83-a239-4802-8e4c-983f1aea7556.png)\r\n\r\nExpected behaviour image (in order to fix this issue, I had to add some bottom-margin to the page):\r\n![image](https://user-images.githubusercontent.com/6689915/137489996-06e3a0e8-c93c-473f-960f-b6a3e819e256.png)\r\n","reactions":{"url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues/issues/1041/reactions","total_count":0,"+1":0,"-1":0,"laugh":0,"hooray":0,"confused":0,"heart":0,"rocket":0,"eyes":0},"timeline_url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues/issues/1041/timeline","performed_via_github_app":null},"comment":{"url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues/issues/comments/946942263","html_url":"https://github.com/tailwindlabs/tailwindui-issues/issues/1041#issuecomment-946942263","issue_url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues/issues/1041","id":946942263,"node_id":"IC_kwDODotwss44cTE3","user":{"login":"reinink","id":882133,"node_id":"MDQ6VXNlcjg4MjEzMw==","avatar_url":"https://avatars.githubusercontent.com/u/882133?v=4","gravatar_id":"","url":"https://api.github.com/users/reinink","html_url":"https://github.com/reinink","followers_url":"https://api.github.com/users/reinink/followers","following_url":"https://api.github.com/users/reinink/following{/other_user}","gists_url":"https://api.github.com/users/reinink/gists{/gist_id}","starred_url":"https://api.github.com/users/reinink/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/reinink/subscriptions","organizations_url":"https://api.github.com/users/reinink/orgs","repos_url":"https://api.github.com/users/reinink/repos","events_url":"https://api.github.com/users/reinink/events{/privacy}","received_events_url":"https://api.github.com/users/reinink/received_events","type":"User","site_admin":false},"created_at":"2021-10-19T17:27:29Z","updated_at":"2021-10-19T17:27:29Z","author_association":"MEMBER","body":"@geodeveloper Awesome, glad I could help! ๐Ÿ™Œ","reactions":{"url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues/issues/comments/946942263/reactions","total_count":0,"+1":0,"-1":0,"laugh":0,"hooray":0,"confused":0,"heart":0,"rocket":0,"eyes":0},"performed_via_github_app":null}},"public":true,"created_at":"2021-10-19T17:27:29Z","org":{"id":67109815,"login":"tailwindlabs","gravatar_id":"","url":"https://api.github.com/orgs/tailwindlabs","avatar_url":"https://avatars.githubusercontent.com/u/67109815?"}},{"id":"18504881620","type":"IssuesEvent","actor":{"id":882133,"login":"reinink","display_login":"reinink","gravatar_id":"","url":"https://api.github.com/users/reinink","avatar_url":"https://avatars.githubusercontent.com/u/882133?"},"repo":{"id":244019378,"name":"tailwindlabs/tailwindui-issues","url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues"},"payload":{"action":"closed","issue":{"url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues/issues/1044","repository_url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues","labels_url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues/issues/1044/labels{/name}","comments_url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues/issues/1044/comments","events_url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues/issues/1044/events","html_url":"https://github.com/tailwindlabs/tailwindui-issues/issues/1044","id":1030365418,"node_id":"I_kwDODotwss49aiDq","number":1044,"title":"Wrong fontFamily in Tailwind UI Docs","user":{"login":"iamandrewluca","id":1881266,"node_id":"MDQ6VXNlcjE4ODEyNjY=","avatar_url":"https://avatars.githubusercontent.com/u/1881266?v=4","gravatar_id":"","url":"https://api.github.com/users/iamandrewluca","html_url":"https://github.com/iamandrewluca","followers_url":"https://api.github.com/users/iamandrewluca/followers","following_url":"https://api.github.com/users/iamandrewluca/following{/other_user}","gists_url":"https://api.github.com/users/iamandrewluca/gists{/gist_id}","starred_url":"https://api.github.com/users/iamandrewluca/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/iamandrewluca/subscriptions","organizations_url":"https://api.github.com/users/iamandrewluca/orgs","repos_url":"https://api.github.com/users/iamandrewluca/repos","events_url":"https://api.github.com/users/iamandrewluca/events{/privacy}","received_events_url":"https://api.github.com/users/iamandrewluca/received_events","type":"User","site_admin":false},"labels":[],"state":"closed","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":1,"created_at":"2021-10-19T14:14:44Z","updated_at":"2021-10-19T17:22:30Z","closed_at":"2021-10-19T17:22:30Z","author_association":"NONE","active_lock_reason":null,"body":"In Tailwind CSS docs it is mentioned that a font family name that contains an invalid identifier should be escaped.\r\n\r\n> Note that Tailwind does not automatically escape font names for you. If youโ€™re using a font that contains an invalid identifier, wrap it in quotes or escape the invalid characters.\r\n> โ€” https://tailwindcss.com/docs/font-family#font-families\r\n\r\n> https://tailwindui.com/documentation#optional-add-the-inter-font-family\r\n\r\n![image](https://user-images.githubusercontent.com/1881266/137927911-d544ebce-7b5d-4554-82f6-0e744237fc25.png)\r\n","reactions":{"url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues/issues/1044/reactions","total_count":0,"+1":0,"-1":0,"laugh":0,"hooray":0,"confused":0,"heart":0,"rocket":0,"eyes":0},"timeline_url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues/issues/1044/timeline","performed_via_github_app":null}},"public":true,"created_at":"2021-10-19T17:22:31Z","org":{"id":67109815,"login":"tailwindlabs","gravatar_id":"","url":"https://api.github.com/orgs/tailwindlabs","avatar_url":"https://avatars.githubusercontent.com/u/67109815?"}},{"id":"18504881508","type":"IssueCommentEvent","actor":{"id":882133,"login":"reinink","display_login":"reinink","gravatar_id":"","url":"https://api.github.com/users/reinink","avatar_url":"https://avatars.githubusercontent.com/u/882133?"},"repo":{"id":244019378,"name":"tailwindlabs/tailwindui-issues","url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues"},"payload":{"action":"created","issue":{"url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues/issues/1044","repository_url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues","labels_url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues/issues/1044/labels{/name}","comments_url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues/issues/1044/comments","events_url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues/issues/1044/events","html_url":"https://github.com/tailwindlabs/tailwindui-issues/issues/1044","id":1030365418,"node_id":"I_kwDODotwss49aiDq","number":1044,"title":"Wrong fontFamily in Tailwind UI Docs","user":{"login":"iamandrewluca","id":1881266,"node_id":"MDQ6VXNlcjE4ODEyNjY=","avatar_url":"https://avatars.githubusercontent.com/u/1881266?v=4","gravatar_id":"","url":"https://api.github.com/users/iamandrewluca","html_url":"https://github.com/iamandrewluca","followers_url":"https://api.github.com/users/iamandrewluca/followers","following_url":"https://api.github.com/users/iamandrewluca/following{/other_user}","gists_url":"https://api.github.com/users/iamandrewluca/gists{/gist_id}","starred_url":"https://api.github.com/users/iamandrewluca/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/iamandrewluca/subscriptions","organizations_url":"https://api.github.com/users/iamandrewluca/orgs","repos_url":"https://api.github.com/users/iamandrewluca/repos","events_url":"https://api.github.com/users/iamandrewluca/events{/privacy}","received_events_url":"https://api.github.com/users/iamandrewluca/received_events","type":"User","site_admin":false},"labels":[],"state":"closed","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":0,"created_at":"2021-10-19T14:14:44Z","updated_at":"2021-10-19T17:22:30Z","closed_at":"2021-10-19T17:22:30Z","author_association":"NONE","active_lock_reason":null,"body":"In Tailwind CSS docs it is mentioned that a font family name that contains an invalid identifier should be escaped.\r\n\r\n> Note that Tailwind does not automatically escape font names for you. If youโ€™re using a font that contains an invalid identifier, wrap it in quotes or escape the invalid characters.\r\n> โ€” https://tailwindcss.com/docs/font-family#font-families\r\n\r\n> https://tailwindui.com/documentation#optional-add-the-inter-font-family\r\n\r\n![image](https://user-images.githubusercontent.com/1881266/137927911-d544ebce-7b5d-4554-82f6-0e744237fc25.png)\r\n","reactions":{"url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues/issues/1044/reactions","total_count":0,"+1":0,"-1":0,"laugh":0,"hooray":0,"confused":0,"heart":0,"rocket":0,"eyes":0},"timeline_url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues/issues/1044/timeline","performed_via_github_app":null},"comment":{"url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues/issues/comments/946938482","html_url":"https://github.com/tailwindlabs/tailwindui-issues/issues/1044#issuecomment-946938482","issue_url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues/issues/1044","id":946938482,"node_id":"IC_kwDODotwss44cSJy","user":{"login":"reinink","id":882133,"node_id":"MDQ6VXNlcjg4MjEzMw==","avatar_url":"https://avatars.githubusercontent.com/u/882133?v=4","gravatar_id":"","url":"https://api.github.com/users/reinink","html_url":"https://github.com/reinink","followers_url":"https://api.github.com/users/reinink/followers","following_url":"https://api.github.com/users/reinink/following{/other_user}","gists_url":"https://api.github.com/users/reinink/gists{/gist_id}","starred_url":"https://api.github.com/users/reinink/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/reinink/subscriptions","organizations_url":"https://api.github.com/users/reinink/orgs","repos_url":"https://api.github.com/users/reinink/repos","events_url":"https://api.github.com/users/reinink/events{/privacy}","received_events_url":"https://api.github.com/users/reinink/received_events","type":"User","site_admin":false},"created_at":"2021-10-19T17:22:30Z","updated_at":"2021-10-19T17:22:30Z","author_association":"MEMBER","body":"Hey, thanks for reaching out about this.\r\n\r\nSo using `'Inter var'` here is actually valid, even though I totally appreciate why the Tailwind CSS docs would lead you to think otherwise. In the Tailwind CSS docs, the `'Exo 2'` is invalid because of the number (`2`), not because of the space โ€”ย even though you need to escape the space to make it work (confusing, I know).\r\n\r\nPoint is, it's okay to use `'Inter var'` in this situation ๐Ÿ‘ ","reactions":{"url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues/issues/comments/946938482/reactions","total_count":0,"+1":0,"-1":0,"laugh":0,"hooray":0,"confused":0,"heart":0,"rocket":0,"eyes":0},"performed_via_github_app":null}},"public":true,"created_at":"2021-10-19T17:22:30Z","org":{"id":67109815,"login":"tailwindlabs","gravatar_id":"","url":"https://api.github.com/orgs/tailwindlabs","avatar_url":"https://avatars.githubusercontent.com/u/67109815?"}},{"id":"18504271085","type":"IssuesEvent","actor":{"id":882133,"login":"reinink","display_login":"reinink","gravatar_id":"","url":"https://api.github.com/users/reinink","avatar_url":"https://avatars.githubusercontent.com/u/882133?"},"repo":{"id":244019378,"name":"tailwindlabs/tailwindui-issues","url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues"},"payload":{"action":"closed","issue":{"url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues/issues/1041","repository_url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues","labels_url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues/issues/1041/labels{/name}","comments_url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues/issues/1041/comments","events_url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues/issues/1041/events","html_url":"https://github.com/tailwindlabs/tailwindui-issues/issues/1041","id":1027410889,"node_id":"I_kwDODotwss49PQvJ","number":1041,"title":"Select custom component bottom margin","user":{"login":"geodeveloper","id":6689915,"node_id":"MDQ6VXNlcjY2ODk5MTU=","avatar_url":"https://avatars.githubusercontent.com/u/6689915?v=4","gravatar_id":"","url":"https://api.github.com/users/geodeveloper","html_url":"https://github.com/geodeveloper","followers_url":"https://api.github.com/users/geodeveloper/followers","following_url":"https://api.github.com/users/geodeveloper/following{/other_user}","gists_url":"https://api.github.com/users/geodeveloper/gists{/gist_id}","starred_url":"https://api.github.com/users/geodeveloper/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/geodeveloper/subscriptions","organizations_url":"https://api.github.com/users/geodeveloper/orgs","repos_url":"https://api.github.com/users/geodeveloper/repos","events_url":"https://api.github.com/users/geodeveloper/events{/privacy}","received_events_url":"https://api.github.com/users/geodeveloper/received_events","type":"User","site_admin":false},"labels":[],"state":"closed","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":1,"created_at":"2021-10-15T12:51:17Z","updated_at":"2021-10-19T16:41:53Z","closed_at":"2021-10-19T16:41:52Z","author_association":"NONE","active_lock_reason":null,"body":"**What component (if applicable)**\r\n- URL for category: https://tailwindui.com/components/application-ui/forms/select-menus\r\n- Component name: Simple custom\r\n\r\n**Describe the bug**\r\nThe select component is integrated into a page which doesn't have so much height and the component it's rendered near the bottom of the page. When opening the select options, it shows correctly all the options but the last option or the end part of the component is not completely shown, the bottom border and shadow is not visible. \r\n\r\n**To Reproduce**\r\nSteps to reproduce the behavior:\r\n1. Add select custom component at the bottom of a page\r\n2. Click on select options\r\n3. Scroll down to the end of list\r\n4. See error (border and shadow not visible)\r\n\r\n**Expected behavior**\r\nThe select component should be completely visible border and shadow, maybe add some margins at the bottom.\r\n\r\n**Screenshots**\r\n\r\nSee bottom of the image\r\n![image](https://user-images.githubusercontent.com/6689915/137489905-bc963c83-a239-4802-8e4c-983f1aea7556.png)\r\n\r\nExpected behaviour image (in order to fix this issue, I had to add some bottom-margin to the page):\r\n![image](https://user-images.githubusercontent.com/6689915/137489996-06e3a0e8-c93c-473f-960f-b6a3e819e256.png)\r\n","reactions":{"url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues/issues/1041/reactions","total_count":0,"+1":0,"-1":0,"laugh":0,"hooray":0,"confused":0,"heart":0,"rocket":0,"eyes":0},"timeline_url":"https://api.github.com/repos/tailwindlabs/tailwindui-issues/issues/1041/timeline","performed_via_github_app":null}},"public":true,"created_at":"2021-10-19T16:41:53Z","org":{"id":67109815,"login":"tailwindlabs","gravatar_id":"","url":"https://api.github.com/orgs/tailwindlabs","avatar_url":"https://avatars.githubusercontent.com/u/67109815?"}}]