2b:null 2c:["$","title",null,{"children":"You don't need JS for: focusing an input | Hugo | Observable"}] 31:[] 2f:{"id":"8c71ea5ad88c4f80","slug":"you-dont-need-js-for-focusing-an-input","title":"You don't need JS for: focusing an input","thumbnail":"32b8ea6a38742a6c967119abdbd01dbe05741f5a626fdc60a0a2bf4d6fbf8d4b","access_level":"public","create_time":"$D2018-12-17T20:04:08.241Z","update_time":"$D2018-12-17T20:12:04.899Z","view_time":null,"first_public_time":"$D2018-12-17T20:12:09.907Z","fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"36b96993b658426f","login":"hugodf","name":"Hugo","avatar_url":"https://avatars-next.observableusercontent.com/05d7aebce1651dab79754a91b990a67c244951bb0ab5be645e937824ce0ada4f","tier":"starter_2024"},"version":53,"publish_version":53,"role":null,"authored":false,"authors":[{"type":"individual","id":"1348ccfcb7e4b281","login":"hugodf","name":"Hugo","avatar_url":"https://avatars-next.observableusercontent.com/05d7aebce1651dab79754a91b990a67c244951bb0ab5be645e937824ce0ada4f","tier":null}],"members":[{"type":"individual","id":"1348ccfcb7e4b281","login":"hugodf","name":"Hugo","avatar_url":"https://avatars-next.observableusercontent.com/05d7aebce1651dab79754a91b990a67c244951bb0ab5be645e937824ce0ada4f","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"subscribed":null,"forks":1,"collection":{"id":"fa7531a4be4a419f","slug":"you-dont-need-js-for","title":"You don't need JS for","owner":{"id":"36b96993b658426f","login":"hugodf","name":"Hugo"}},"type":"notebook","body":{"title":"You don't need JS for: focusing an input","cells":[{"id":0,"value":"md`# You don't need JS for: focusing an input\n\nUse a \\`label\\` with the right for attribute (equal to input id).\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":13,"value":"md`### Works for inputs`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":15,"value":"html`\nClick me to focus the input\n\n`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":19,"value":"md`### Works for textarea`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":6,"value":"html`\nClick me to focus the textarea\n\n`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":38,"value":"md`## Gotchas\n\n1. \\`id\\` and \\`for\\` need to match\n2. we're using \\`id\\`'s, so they need to be unique eg.`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":49,"value":"html`\nClicking me will not focus the input here, but the one above\n\n`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W31","stdlib":"1","titling":"auto"}} 30:"$2f:body"