Quantcast
Channel: Jennifer Semtner [ Web Designer / Developer ]
Viewing all articles
Browse latest Browse all 8

It may be time to update your reset stylesheets

$
0
0

If you’re using Grails and the Grails UI plugin’s autocomplete feature, you may have noticed all of your textboxes have disappeared in Chrome 10. This is thanks to Chrome 10 adding a new default browser style for an invalid attribute: “hidden”.

Take a look at this jsFiddle: http://jsfiddle.net/jennyfofenny/VkCXh/ If you remove the CSS style on the right, Chrome 10 will by default hide input elements that have the “hidden” attribute set to true. The problem with this is that the hidden attribute is not a valid attribute – and should therefore be “undefined”.

So, if you’ve noticed this issue, make sure to add the following CSS style to your reset stylesheet so Chrome 10 behaves like all the other browsers:
input[hidden=true][type=text]{display:inline;}


Viewing all articles
Browse latest Browse all 8

Trending Articles