Bug 115954

Created attachment 201453 [details] Test case showing the problem Note: I have also reported this bug in the Chromium bug tracker... presumably now they've forked WebKit to Blink, we need to report issues both here and there? (https://code.google.com/p/chromium/issues/detail?id=239786) Steps to reproduce the problem: 1. Create an element that has an attribute with a whitespace-delimited list of values. Make the whitespace a space character 2. Create another element that has an attribute with a whitespace-delimited list of values. Make the whitespace a tab character 3. Assign styles to those values using the [att~=val] attribute selector 4. Load the page What is the expected behaviour? Both elements should have identical styling What went wrong? Only the element whose attribute is delimited with space characters will see the styling applied Does this work in other browsers? Yes This fails in the following browsers: WebKit r149907 nightly build from 10 May 2013 (OSX 10.8.3) Safari 6.0.4 (8536.29.13) (OSX 10.8.3) Chrome 28.0.1500.6 dev (OSX 10.8.3) This passes in the following browsers: Opera 12.15 (build 1748) (OSX 10.8.3) Firefox 20.0 (OSX 10.8.3) IE10 (Win 7) IE9 (Win 7) IE8 (Win 7) IE7 (Win XP) I've not tested on Windows in any non-IE browser. Interestingly enough, the Chromium team have marked this as being part of the Blink-JavaScript component, whereas I'd say it was a CSS bug. For this reason (they certainly know more about browser internals than I do), I've left the "component" field here as "New Bugs" rather than setting it to "CSS".