Bug 126079 - unstyled input type=search forces text indent
Summary: unstyled input type=search forces text indent
Status: RESOLVED INVALID
Alias: None
Product: WebKit
Classification: Unclassified
Component: Layout and Rendering (show other bugs)
Version: 528+ (Nightly build)
Hardware: Unspecified Unspecified
: P2 Normal
Assignee: Nobody
URL:
Keywords:
Depends on:
Blocks:
 
Reported: 2013-12-20 13:37 PST by Derk-Jan Hartman
Modified: 2013-12-20 13:54 PST (History)
0 users

See Also:


Attachments
screenshot with type="text" (7.80 KB, image/png)
2013-12-20 13:37 PST, Derk-Jan Hartman
no flags Details
with type="search" and appearance:none; (7.97 KB, image/png)
2013-12-20 13:37 PST, Derk-Jan Hartman
no flags Details

Note You need to log in before you can comment on or make changes to this bug.
Description Derk-Jan Hartman 2013-12-20 13:37:22 PST
Created attachment 219786 [details]
screenshot with type="text"

When you have an input with type="search" which employs -webkit-appearance:search field, and you counter this with -webkit-appearance:none; you still have a text indent present that shouldn't be there.
Comment 1 Derk-Jan Hartman 2013-12-20 13:37:50 PST
Created attachment 219787 [details]
with type="search" and appearance:none;
Comment 2 Derk-Jan Hartman 2013-12-20 13:54:59 PST
Apparently you need all of this:

input[type="search"] {
    -webkit-appearance: none;
}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
	-webkit-apparence: none;
}

That doesn't really match my expectations, but ok