[Webkit-unassigned] [Bug 253463] New: negative text-indent on input element is not hidden when outside of the box

bugzilla-daemon at webkit.org bugzilla-daemon at webkit.org
Mon Mar 6 14:04:21 PST 2023


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

            Bug ID: 253463
           Summary: negative text-indent on input element is not hidden
                    when outside of the box
           Product: WebKit
           Version: WebKit Nightly Build
          Hardware: Unspecified
                OS: macOS 13
            Status: NEW
          Keywords: BrowserCompat, InRadar
          Severity: Normal
          Priority: P2
         Component: Forms
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: karlcow at apple.com
                CC: bfulgham at webkit.org, cdumez at apple.com,
                    webkit-bug-importer at group.apple.com,
                    wenson_hsieh at apple.com

Created attachment 465322

  --> https://bugs.webkit.org/attachment.cgi?id=465322&action=review

testcase for input with a shift

One of the techniques used by people for hiding the default text of an input is to use `text-indent` with a large negative number to put it outside of the page.

    <input type="file"
           name="Filedata"
           style="text-indent:-50px; outline:1px solid red;margin-left:100px">

When no file is selected, browsers will show a variation of:

* "Choose File" button
* No file selected

When using `text-indent`

Firefox and Chrome:
1. indent both texts (button and no file selected)by pushing them to the left side.
2. hides every texts (button and no file selected) out of the input box


Safari:
1. indent only the button but let the no file selected in place
2. doesn't hide the button and the no file selected stays visible

It creates issues on the daum.net website in the cafe section for the upload button.

rdar://105223868

-- 
You are receiving this mail because:
You are the assignee for the bug.
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.webkit.org/pipermail/webkit-unassigned/attachments/20230306/c68e3839/attachment.htm>


More information about the webkit-unassigned mailing list