Chromium Code Reviews Chromium Code Reviews
Issue 2251073002:
CSS: SVG use elements replicate updates to style (Closed)
Base URL: https://chromium.googlesource.com/chromium/src.git@master| Index: third_party/WebKit/LayoutTests/svg/css/use-replicates-changes-pseudo.html |
| diff --git a/third_party/WebKit/LayoutTests/svg/css/use-replicates-changes-pseudo.html b/third_party/WebKit/LayoutTests/svg/css/use-replicates-changes-pseudo.html |
| new file mode 100644 |
| index 0000000000000000000000000000000000000000..84e03636248ee311750286df3bb7c61568cb33b9 |
| --- /dev/null |
| +++ b/third_party/WebKit/LayoutTests/svg/css/use-replicates-changes-pseudo.html |
| @@ -0,0 +1,29 @@ |
| +<!DOCTYPE html> |
| +<html> |
| +<head> |
| +<meta charset="utf-8"> |
|
rune
2016/08/18 23:43:07
drop html/head/body. Do you need the meta charset?
Eric Willigers
2016/08/19 00:44:19
Done.
|
| +<script src="../../resources/run-after-layout-and-paint.js"></script> |
| +<style> |
| +#inputValid:valid + svg #r { |
| + fill: green; |
| +} |
| +#r { |
| + fill: red; |
| +} |
| +</style> |
| +</head> |
| +<body> |
| +<input id="inputValid" required></input> |
| +<svg width="100" height="100"> |
| + <use xlink:href="#g" transform="translate(50,50)"></use> |
| + <g id="g"> |
| + <rect id="r" x="0" y="0" width="50" height="50"></rect> |
| + </g> |
| +</svg> |
| +<script> |
| +runAfterLayoutAndPaint(function() { |
| + inputValid.removeAttribute("required"); |
| +}, true); |
| +</script> |
| +</body> |
| +</html> |
