{"id":47,"date":"2008-08-27T16:08:00","date_gmt":"2008-08-27T22:08:00","guid":{"rendered":"http:\/\/www.n8williams.com\/devblog\/?p=47"},"modified":"2008-08-28T09:35:44","modified_gmt":"2008-08-28T15:35:44","slug":"cursor-not-showing-up-on-firefox-form-inputs","status":"publish","type":"post","link":"https:\/\/n8williams.com\/devblog\/css\/cursor-not-showing-up-on-firefox-form-inputs","title":{"rendered":"Cursor not showing up on Firefox form inputs (no cursor in earlier versions of Firefox)"},"content":{"rendered":"<p>THIS FIX DIDN&#8217;T WORK FOR FF ON A MAC. I&#8217;m still baffled about how to fix this. I think put a link for a firefox update may be the best solution.<\/p>\n<p>When you select an input in FF &lt;= 2, the blinking cursor wasn&#8217;t showing up on a form that was buried in a few layers of divs. No cursor was showing up at all, though some inputs had a half cursor (like it was pushed up off the input).<\/p>\n<p>Looks like FF 3 is okay, but the older versions were acting funny. I guess this is a bug in firefox. I don&#8217;t know exactly how the bug works, or what the fixes are, are even what the different causes of the bugs are. There are tons of variations on those 3 items. All I know for me is that by doing the following it fixed the problem:<\/p>\n<p>Wrap each input in &lt;div style=&#8221;overflow:auto&#8221;&gt;&lt;\/div&gt;.<\/p>\n<p>That fixed it for me. overflow:visible also worked. Overflow hidden has been mentioned as working too, but that broke it again for me. Not sure what the implications of these stylings are on how the inputs display, but they seemed to work fine for me.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>THIS FIX DIDN&#8217;T WORK FOR FF ON A MAC. I&#8217;m still baffled about how to fix this. I think put a link for a firefox update may be the best solution. When you select an input in FF &lt;= 2, the blinking cursor wasn&#8217;t showing up on a form that was buried in a few &hellip; <a href=\"https:\/\/n8williams.com\/devblog\/css\/cursor-not-showing-up-on-firefox-form-inputs\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Cursor not showing up on Firefox form inputs (no cursor in earlier versions of Firefox)&#8221;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[6,7],"tags":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v20.11 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Cursor not showing up on Firefox form inputs (no cursor in earlier versions of Firefox) - The Dev Pages<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/n8williams.com\/devblog\/css\/cursor-not-showing-up-on-firefox-form-inputs\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Cursor not showing up on Firefox form inputs (no cursor in earlier versions of Firefox) - The Dev Pages\" \/>\n<meta property=\"og:description\" content=\"THIS FIX DIDN&#8217;T WORK FOR FF ON A MAC. I&#8217;m still baffled about how to fix this. I think put a link for a firefox update may be the best solution. When you select an input in FF &lt;= 2, the blinking cursor wasn&#8217;t showing up on a form that was buried in a few &hellip; Continue reading &quot;Cursor not showing up on Firefox form inputs (no cursor in earlier versions of Firefox)&quot;\" \/>\n<meta property=\"og:url\" content=\"https:\/\/n8williams.com\/devblog\/css\/cursor-not-showing-up-on-firefox-form-inputs\" \/>\n<meta property=\"og:site_name\" content=\"The Dev Pages\" \/>\n<meta property=\"article:published_time\" content=\"2008-08-27T22:08:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2008-08-28T15:35:44+00:00\" \/>\n<meta name=\"author\" content=\"Nate Admin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@admin\" \/>\n<meta name=\"twitter:site\" content=\"@admin\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Nate Admin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/n8williams.com\/devblog\/css\/cursor-not-showing-up-on-firefox-form-inputs#article\",\"isPartOf\":{\"@id\":\"https:\/\/n8williams.com\/devblog\/css\/cursor-not-showing-up-on-firefox-form-inputs\"},\"author\":{\"name\":\"Nate Admin\",\"@id\":\"https:\/\/n8williams.com\/devblog\/#\/schema\/person\/1c31624786b5382f1a811f0a01985757\"},\"headline\":\"Cursor not showing up on Firefox form inputs (no cursor in earlier versions of Firefox)\",\"datePublished\":\"2008-08-27T22:08:00+00:00\",\"dateModified\":\"2008-08-28T15:35:44+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/n8williams.com\/devblog\/css\/cursor-not-showing-up-on-firefox-form-inputs\"},\"wordCount\":219,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/n8williams.com\/devblog\/#\/schema\/person\/1c31624786b5382f1a811f0a01985757\"},\"articleSection\":[\"CSS and Stylesheeting\",\"General Dev\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/n8williams.com\/devblog\/css\/cursor-not-showing-up-on-firefox-form-inputs#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/n8williams.com\/devblog\/css\/cursor-not-showing-up-on-firefox-form-inputs\",\"url\":\"https:\/\/n8williams.com\/devblog\/css\/cursor-not-showing-up-on-firefox-form-inputs\",\"name\":\"Cursor not showing up on Firefox form inputs (no cursor in earlier versions of Firefox) - The Dev Pages\",\"isPartOf\":{\"@id\":\"https:\/\/n8williams.com\/devblog\/#website\"},\"datePublished\":\"2008-08-27T22:08:00+00:00\",\"dateModified\":\"2008-08-28T15:35:44+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/n8williams.com\/devblog\/css\/cursor-not-showing-up-on-firefox-form-inputs#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/n8williams.com\/devblog\/css\/cursor-not-showing-up-on-firefox-form-inputs\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/n8williams.com\/devblog\/css\/cursor-not-showing-up-on-firefox-form-inputs#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/n8williams.com\/devblog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Cursor not showing up on Firefox form inputs (no cursor in earlier versions of Firefox)\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/n8williams.com\/devblog\/#website\",\"url\":\"https:\/\/n8williams.com\/devblog\/\",\"name\":\"The Dev Pages\",\"description\":\"A knowledge base for web applications development (and beyond)\",\"publisher\":{\"@id\":\"https:\/\/n8williams.com\/devblog\/#\/schema\/person\/1c31624786b5382f1a811f0a01985757\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/n8williams.com\/devblog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\/\/n8williams.com\/devblog\/#\/schema\/person\/1c31624786b5382f1a811f0a01985757\",\"name\":\"Nate Admin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/n8williams.com\/devblog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/19d7bc7602072ac846e912622704a628?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/19d7bc7602072ac846e912622704a628?s=96&d=mm&r=g\",\"caption\":\"Nate Admin\"},\"logo\":{\"@id\":\"https:\/\/n8williams.com\/devblog\/#\/schema\/person\/image\/\"},\"sameAs\":[\"http:\/\/n8williams.com\",\"https:\/\/twitter.com\/admin\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Cursor not showing up on Firefox form inputs (no cursor in earlier versions of Firefox) - The Dev Pages","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/n8williams.com\/devblog\/css\/cursor-not-showing-up-on-firefox-form-inputs","og_locale":"en_US","og_type":"article","og_title":"Cursor not showing up on Firefox form inputs (no cursor in earlier versions of Firefox) - The Dev Pages","og_description":"THIS FIX DIDN&#8217;T WORK FOR FF ON A MAC. I&#8217;m still baffled about how to fix this. I think put a link for a firefox update may be the best solution. When you select an input in FF &lt;= 2, the blinking cursor wasn&#8217;t showing up on a form that was buried in a few &hellip; Continue reading \"Cursor not showing up on Firefox form inputs (no cursor in earlier versions of Firefox)\"","og_url":"https:\/\/n8williams.com\/devblog\/css\/cursor-not-showing-up-on-firefox-form-inputs","og_site_name":"The Dev Pages","article_published_time":"2008-08-27T22:08:00+00:00","article_modified_time":"2008-08-28T15:35:44+00:00","author":"Nate Admin","twitter_card":"summary_large_image","twitter_creator":"@admin","twitter_site":"@admin","twitter_misc":{"Written by":"Nate Admin","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/n8williams.com\/devblog\/css\/cursor-not-showing-up-on-firefox-form-inputs#article","isPartOf":{"@id":"https:\/\/n8williams.com\/devblog\/css\/cursor-not-showing-up-on-firefox-form-inputs"},"author":{"name":"Nate Admin","@id":"https:\/\/n8williams.com\/devblog\/#\/schema\/person\/1c31624786b5382f1a811f0a01985757"},"headline":"Cursor not showing up on Firefox form inputs (no cursor in earlier versions of Firefox)","datePublished":"2008-08-27T22:08:00+00:00","dateModified":"2008-08-28T15:35:44+00:00","mainEntityOfPage":{"@id":"https:\/\/n8williams.com\/devblog\/css\/cursor-not-showing-up-on-firefox-form-inputs"},"wordCount":219,"commentCount":0,"publisher":{"@id":"https:\/\/n8williams.com\/devblog\/#\/schema\/person\/1c31624786b5382f1a811f0a01985757"},"articleSection":["CSS and Stylesheeting","General Dev"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/n8williams.com\/devblog\/css\/cursor-not-showing-up-on-firefox-form-inputs#respond"]}]},{"@type":"WebPage","@id":"https:\/\/n8williams.com\/devblog\/css\/cursor-not-showing-up-on-firefox-form-inputs","url":"https:\/\/n8williams.com\/devblog\/css\/cursor-not-showing-up-on-firefox-form-inputs","name":"Cursor not showing up on Firefox form inputs (no cursor in earlier versions of Firefox) - The Dev Pages","isPartOf":{"@id":"https:\/\/n8williams.com\/devblog\/#website"},"datePublished":"2008-08-27T22:08:00+00:00","dateModified":"2008-08-28T15:35:44+00:00","breadcrumb":{"@id":"https:\/\/n8williams.com\/devblog\/css\/cursor-not-showing-up-on-firefox-form-inputs#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/n8williams.com\/devblog\/css\/cursor-not-showing-up-on-firefox-form-inputs"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/n8williams.com\/devblog\/css\/cursor-not-showing-up-on-firefox-form-inputs#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/n8williams.com\/devblog\/"},{"@type":"ListItem","position":2,"name":"Cursor not showing up on Firefox form inputs (no cursor in earlier versions of Firefox)"}]},{"@type":"WebSite","@id":"https:\/\/n8williams.com\/devblog\/#website","url":"https:\/\/n8williams.com\/devblog\/","name":"The Dev Pages","description":"A knowledge base for web applications development (and beyond)","publisher":{"@id":"https:\/\/n8williams.com\/devblog\/#\/schema\/person\/1c31624786b5382f1a811f0a01985757"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/n8williams.com\/devblog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":["Person","Organization"],"@id":"https:\/\/n8williams.com\/devblog\/#\/schema\/person\/1c31624786b5382f1a811f0a01985757","name":"Nate Admin","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/n8williams.com\/devblog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/19d7bc7602072ac846e912622704a628?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/19d7bc7602072ac846e912622704a628?s=96&d=mm&r=g","caption":"Nate Admin"},"logo":{"@id":"https:\/\/n8williams.com\/devblog\/#\/schema\/person\/image\/"},"sameAs":["http:\/\/n8williams.com","https:\/\/twitter.com\/admin"]}]}},"_links":{"self":[{"href":"https:\/\/n8williams.com\/devblog\/wp-json\/wp\/v2\/posts\/47"}],"collection":[{"href":"https:\/\/n8williams.com\/devblog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/n8williams.com\/devblog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/n8williams.com\/devblog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/n8williams.com\/devblog\/wp-json\/wp\/v2\/comments?post=47"}],"version-history":[{"count":0,"href":"https:\/\/n8williams.com\/devblog\/wp-json\/wp\/v2\/posts\/47\/revisions"}],"wp:attachment":[{"href":"https:\/\/n8williams.com\/devblog\/wp-json\/wp\/v2\/media?parent=47"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/n8williams.com\/devblog\/wp-json\/wp\/v2\/categories?post=47"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/n8williams.com\/devblog\/wp-json\/wp\/v2\/tags?post=47"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}