зеркало из https://github.com/mozilla/pjs.git
Bug 686581 - Disable theming in SVG images. r=roc
This commit is contained in:
Родитель
858291ecd3
Коммит
6107d36ecd
|
@ -0,0 +1,14 @@
|
|||
<svg xmlns='http://www.w3.org/2000/svg' width='500' height='200'>
|
||||
<foreignObject width='500' height='500'>
|
||||
<div xmlns='http://www.w3.org/1999/xhtml'>
|
||||
<button style='-moz-appearance:none'>this is a button inside of SVG</button>
|
||||
<br/>
|
||||
<select style='-moz-appearance:none'>
|
||||
<option>This is a menu inside of SVG</option>
|
||||
<option>a second menu option</option>
|
||||
</select>
|
||||
</div>
|
||||
</foreignObject>
|
||||
</svg>
|
||||
|
||||
<!-- Bug 686581 -->
|
После Ширина: | Высота: | Размер: 469 B |
|
@ -0,0 +1,22 @@
|
|||
<!DOCTYPE HTML>
|
||||
<html><head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
|
||||
<title>Testcase #2 for bug 686581</title>
|
||||
<style type="text/css">
|
||||
|
||||
html,body {
|
||||
color:black; background-color:white; font-size:16px; padding:0; margin:0;
|
||||
}
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<button>this is a button inside of SVG</button>
|
||||
<br/>
|
||||
<select>
|
||||
<option>This is a menu inside of SVG</option>
|
||||
<option>a second menu option</option>
|
||||
</select>
|
||||
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,14 @@
|
|||
<svg xmlns='http://www.w3.org/2000/svg' width='500' height='200'>
|
||||
<foreignObject width='500' height='500'>
|
||||
<div xmlns='http://www.w3.org/1999/xhtml'>
|
||||
<button>this is a button inside of SVG</button>
|
||||
<br/>
|
||||
<select>
|
||||
<option>This is a menu inside of SVG</option>
|
||||
<option>a second menu option</option>
|
||||
</select>
|
||||
</div>
|
||||
</foreignObject>
|
||||
</svg>
|
||||
|
||||
<!-- Bug 686581 -->
|
После Ширина: | Высота: | Размер: 411 B |
|
@ -0,0 +1,16 @@
|
|||
<!DOCTYPE HTML>
|
||||
<html><head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
|
||||
<title>Testcase for bug 686581</title>
|
||||
<style type="text/css">
|
||||
html,body {
|
||||
color:black; background-color:white; font-size:16px; padding:0; margin:0;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<img src="foreignObject-form-no-theme.svg">
|
||||
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,16 @@
|
|||
<!DOCTYPE HTML>
|
||||
<html><head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
|
||||
<title>Testcase for bug 686581</title>
|
||||
<style type="text/css">
|
||||
html,body {
|
||||
color:black; background-color:white; font-size:16px; padding:0; margin:0;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<img src="foreignObject-form-theme.svg">
|
||||
|
||||
</body>
|
||||
</html>
|
|
@ -130,6 +130,8 @@ random == dynamic-use-nested-01.svg dynamic-use-nested-01-ref.svg # bug 467498
|
|||
== foreignObject-overflow-01.svg pass.svg
|
||||
== foreignObject-start-hidden-01.svg pass.svg # followup from Bug 596765
|
||||
== foreignObject-start-hidden-02.svg pass.svg
|
||||
== foreignObject-img-form-theme.html foreignObject-img-form-theme-ref.html
|
||||
== foreignObject-form-theme.svg foreignObject-form-theme-ref.html
|
||||
== getElementById-a-element-01.svg pass.svg
|
||||
== gradient-live-01a.svg gradient-live-01-ref.svg
|
||||
== gradient-live-01b.svg gradient-live-01-ref.svg
|
||||
|
|
|
@ -44,7 +44,7 @@ style, script, symbol {
|
|||
|
||||
switch {
|
||||
-moz-binding: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
svg:not(:root), symbol, image, marker, pattern, foreignObject {
|
||||
overflow: hidden;
|
||||
|
@ -56,6 +56,12 @@ foreignObject {
|
|||
border-width: 0 ! important;
|
||||
}
|
||||
|
||||
@media all and (-moz-is-resource-document) {
|
||||
foreignObject *|* {
|
||||
-moz-appearance: none;
|
||||
}
|
||||
}
|
||||
|
||||
*|*::-moz-svg-foreign-content {
|
||||
display: block !important;
|
||||
position: static !important;
|
||||
|
|
Загрузка…
Ссылка в новой задаче