[Webkit-unassigned] [Bug 89209] New: absolutely positioned INPUT boxes show no content unless min-height is given

bugzilla-daemon at webkit.org bugzilla-daemon at webkit.org
Fri Jun 15 07:15:49 PDT 2012


https://bugs.webkit.org/show_bug.cgi?id=89209

           Summary: absolutely positioned INPUT boxes show no content
                    unless min-height is given
           Product: WebKit
           Version: 528+ (Nightly build)
          Platform: Macintosh Intel
               URL: http://jsfiddle.net/mqJhw/7/
        OS/Version: Mac OS X 10.7
            Status: UNCONFIRMED
          Severity: Normal
          Priority: P2
         Component: Forms
        AssignedTo: webkit-unassigned at lists.webkit.org
        ReportedBy: fred at s-d-s.co.uk


Create a positioned container, e.g. DIV of say 100 x 100px and place an INPUT inside it. Style the input with { position: absolute; width: auto; left:0; right:0; height: auto; top: 0; bottom:0; border: none; background: none }  Now observe on a Mac when the page loads it does not show the Value of the INPUT tag. When you hover over it you can see the blue outline of where the INPUT element should be, but you cannot click inside it to edit the text. But this does work fine on the same version of Chrome for Windows. Adding another style rule: { min-height: 20px } will fix it, but this should not be necessary.

In the http://jsfiddle.net/mqJhw/7/ version the min-height workaround is disabled, while in http://jsfiddle.net/mqJhw/6/ it is enabled.

-- 
Configure bugmail: https://bugs.webkit.org/userprefs.cgi?tab=email
------- You are receiving this mail because: -------
You are the assignee for the bug.



More information about the webkit-unassigned mailing list