New issue
Advanced search Search tips

Issue 595023 link

Starred by 1 user

Issue metadata

Status: Duplicate
Merged: issue 582301
Owner: ----
Closed: Mar 2016
Cc:
Components:
EstimatedDays: ----
NextAction: ----
OS: ----
Pri: 2
Type: Bug



Sign in to add a comment

Pseudo-element :before is not rendering on ::-webkit-search-cancel-button

Reported by porter.c...@gmail.com, Mar 15 2016

Issue description

UserAgent: Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/48.0.2564.116 Safari/537.36

Example URL:
https://jsfiddle.net/k2ye75ma/2/

Steps to reproduce the problem:
1. Use input::-webkit-search-cancel-button with -webkit-appearance: none; to hide the default cancel button from an input search field.
2. Use input::-webkit-search-cancel-button:before to replace the cancel button with content value such as FontAwesome or a background image.
3. No content is rendered for the :before pseudo element.

What is the expected behavior?
The expectation is the :before element would render content using a glyph font set or a background image would render.

What went wrong?
This feature worked in Chrome <= 48, currently confirming function in 48.0.2564.116.  It does not work in 49.0.2623.87 or 51.0.2679.0 canary.

Does it occur on multiple sites: Yes

Is it a problem with a plugin? No 

Did this work before? Yes 49.0.2623.87

Does this work in other browsers? N/A 

Chrome version: 49.0.2623.87  Channel: stable
OS Version: 6.1 (Windows 7, Windows Server 2008 R2)
Flash Version: Shockwave Flash 21.0 r0

This is a largely undocumented feature but is very powerful if one intends to customize a search field. I would very much like to see it restored, but if that is not possible, I'd like to cut my losses and find another solution.
 
My apologies for the copy/paste error:

Did this work before? Yes 48.0.2564.116
Components: -Blink Blink>CSS

Comment 3 by nainar@chromium.org, Mar 16 2016

Labels: Needs-Bisect
Status: Untriaged (was: Unconfirmed)

Comment 4 by timloh@chromium.org, Mar 16 2016

Labels: -OS-Windows -Needs-Bisect
Mergedinto: 582301
Status: Duplicate (was: Untriaged)
Essentially the same as  bug 582301 . We started restricting the pseudo-classes that could follow pseudo-elements in M49 in accordance with the selectors spec.

Sign in to add a comment