Stylish Textfields
Looks like Safari is using it’s own implementation of text fields now as opposed to embedding standard ones. The result is pretty impressive, with the ability to make your textfields completely customizable as well as apparently decreasing the load time of pages. I personally can not wait until this makes it into shipping versions. Of particular interest though is how they’re implemented. They are simply anonymous contenteditable divs, so theoretically everything we needed to pull this off “by hand” was more or less there already. I’ll update in a little while with a few “spoofing” tests to see if we can get similar text fields for current Safari users working using one or two divs and some javascript glue.
They’ve also posted some sample code to give them a run through, and while cool, I think more than ever we now need these CSS attributes implemented:
{
style-protection: turn-off-if-gaudy-or-just-plain-ugly;
}
and of course:
{
style-protection: turn-off-if-gaudy-or-just-plain-ugly-unless-im-trying-to-be-ironic;
}
I went ahead and updated my build of WebKit last night to give them a test drive and I was having a few problems with text fields receiving and losing focus. I just updated again this morning on a different computer though, and everything seems to be working alright, so it would appear as if this bug got fixed. I’ll probably give it a more thorough investigation later tonight and file a bug report if necessary.