Bug 686581 - Disable theming in SVG images. r=roc

This commit is contained in:
Mats Palmgren 2011-09-24 10:28:55 +02:00
Родитель 858291ecd3
Коммит 6107d36ecd
7 изменённых файлов: 91 добавлений и 1 удалений

Просмотреть файл

@ -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;