Bug 45417 – -webkit-box-shadow works for input(type=text) but not input(type=search)

• Component: CSS
• Status: RESOLVED DUPLICATE

filed from downstream (chromium project):
http://code.google.com/p/chromium/issues/detail?id=54577
_____________________

Chrome Version (from the about:version page): 6.0.437.3dev
Is this the most recent version:              yes?
OS + version:                                 Ubuntu (verson=Karmic)
CPU architecture (32-bit / 64-bit):           64bit

Affected platforms:
- windows chromium
- windows safari
- linux chromium
___________

What steps will reproduce the problem?

.search {
	width:50%;
	background:hsla(0,0%,0%, 0.3);
	border:none;
	-webkit-box-shadow:inset 0.3em 0.3em 0.5em hsla(0,0%,0%, 0.5);
	border:1px inset white;
	-webkit-border-radius:0.2em;
	color:white;
	text-shadow:0.2em 0.2em 0.2em black;
	font-weight:bold;
	padding:0.3em;
}

<input type="text" value="search (alt-S)" class="search"/> Has box shadow (correct behavior)

<input type="search" value="search (alt-S)" class="search"/> Does NOT have box shadow (incorrect behavior)
_______________

Comment 2 by [e-mail]:
this repros on windows and linux chrome as well as windows safari. Oddly enough, each of these three browsers has a different background color for the search box, but none of them has a shadow. please file upstream at bugs.webkit.org

[Eric Meyer]

Observed this problem today in Chrome 11.0.696.68 and Safari 5.0.3.  Also that box-shadow wasn't applied to a text input without an explicit border, but I assume that's another bug filed elsewhere.  (Yes, I'll check to make sure.)

(In reply to comment #1)
> Observed this problem today in Chrome 11.0.696.68 and Safari 5.0.3.  Also that box-shadow wasn't applied to a text input without an explicit border, but I assume that's another bug filed elsewhere.  (Yes, I'll check to make sure.)

Fixed : http://trac.webkit.org/changeset/157443.

*** This bug has been marked as a duplicate of bug 119967 ***