Issue metadata
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 descriptionUserAgent: 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.
,
Mar 15 2016
,
Mar 16 2016
,
Mar 16 2016
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 |
|||||||||||||||||||||||||
Comment 1 by porter.c...@gmail.com
, Mar 15 2016