[UPHPU] Safari extra bottom margin on textarea

Tue Mar 30 10:54:24 MDT 2010

So, in summary (for those interested), while using HTML 5 doctype, Safari renders textareas as inline-block by default and Firefox renders them inline by default. Setting textareas to block fixes the issues (it was happening for some in Firefox as well) with both browsers.

On Tuesday, March 30, 2010, at 09:48AM, "Wade Preston Shearer" <wadeshearer.lists at me.com> wrote:
>I hit send too soon. I would like to use "<!DOCTYPE html>" not just because it's simple. It is the doctype for HTML 5 so that is the one that I would like to use. I did find a final solution that works with "<!DOCTYPE html>". Setting the display to block for texareas removes the space.
>
> 
>On Tuesday, March 30, 2010, at 09:41AM, "Wade Preston Shearer" <wadeshearer.lists at me.com> wrote:
>>I found the answer (or at least a solution). I was not declaring a version in my doctype (<!DOCTYPE html>). Switching to HTML or XHTML transitional fixes the issue. Hmmm. I was really liking the simple doctype (as Apple and Google are doing). What to do.
>>
>>
>>On Tuesday, March 30, 2010, at 09:00AM, "Wade Preston Shearer" <wadeshearer.lists at me.com> wrote:
>>>I encountered something yesterday that I hadn't come across before. I have recreated in a pristine environment to confirm that it is actually an issue. Strangely, WebKit-base browsers are adding a few pixels of bottom margin to textareas even when they are told to have none.
>>>
>>>
>>>Screenshot comparing Safari to Firefox:
>>>
>>>http://screencast.com/t/ZWZlOWVhNDEt
>>>
>>>
>>>Actual code:
>>>
>>>anavidesign.com/temp/safari_textarea.html
>>>
>>>
>>>Does anyone know of a workaround?
>>>
>>>_______________________________________________
>>>
>>>UPHPU mailing list
>>>UPHPU at uphpu.org
>>>http://uphpu.org/mailman/listinfo/uphpu
>>>IRC: #uphpu on irc.freenode.net
>>>
>>>
>>
>>
>
>