Bug 573933. Part 2: disable -moz-appearance for troublesome GTK2 themes. r=dbaron

This commit is contained in:
Robert O'Callahan 2010-07-16 09:07:43 +12:00
parent 791e447fa0
commit 8f56e0a70f
28 changed files with 148 additions and 147 deletions

View File

@ -1,7 +1,7 @@
<!DOCTYPE html>
<body>
<form name="f">
<select name="s">
<select name="s" style="-moz-appearance:none">
</select>
</form>
</body>

View File

@ -1,7 +1,7 @@
<!DOCTYPE html>
<body onload="document.forms.f.s.options.length = 0;">
<form name="f">
<select name="s">
<select name="s" style="-moz-appearance:none">
<option name="o1">option 1</option>
<option name="o2">option 2</option>
</select>

View File

@ -1,7 +1,7 @@
<!DOCTYPE html>
<body>
<form name="f">
<select name="s">
<select name="s" style="-moz-appearance:none">
<option name="o1">ok</option>
</select>
</form>

View File

@ -1,7 +1,7 @@
<!DOCTYPE html>
<body onload="document.forms.f.s.options[0].text = 'ok';">
<form name="f">
<select name="s">
<select name="s" style="-moz-appearance:none">
<option name="o1">-</option>
</select>
</form>

View File

@ -1,28 +1,28 @@
<?xml version="1.0"?>
<?xml-stylesheet href="chrome://global/skin" type="text/css"?>
<window id="tab-test"
xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
<tabbox id="main_courseframe" flex="1">
<tabs id="main_coursetabs" ida-type="gradient">
<tab id="main_coursetab_general" label="General" />
<tab id="main_coursetab_overview" label="Overview" />
<tab id="main_coursetab_extensions" label="Extensions" />
</tabs>
<tabpanels id="main_coursetabpanels" flex="1">
<tabpanel id="main_coursetabpanel_general">
<label value="this is the general tabpanel" />
</tabpanel>
<tabpanel id="main_coursetabpanel_overview">
<label value="this is the OVERVIEW tabpanel" />
</tabpanel>
<tabpanel id="main_coursetabpanel_extensions">
<label value="this is the EXTENSIONS tabpanel" />
</tabpanel>
</tabpanels>
</tabbox>
</window>
<?xml version="1.0"?>
<?xml-stylesheet href="chrome://global/skin" type="text/css"?>
<window id="tab-test"
xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
<tabbox id="main_courseframe" flex="1">
<tabs id="main_coursetabs" ida-type="gradient" style="-moz-appearance:none">
<tab id="main_coursetab_general" label="General" style="-moz-appearance:none" />
<tab id="main_coursetab_overview" label="Overview" style="-moz-appearance:none" />
<tab id="main_coursetab_extensions" label="Extensions" style="-moz-appearance:none" />
</tabs>
<tabpanels id="main_coursetabpanels" flex="1">
<tabpanel id="main_coursetabpanel_general">
<label value="this is the general tabpanel" />
</tabpanel>
<tabpanel id="main_coursetabpanel_overview">
<label value="this is the OVERVIEW tabpanel" />
</tabpanel>
<tabpanel id="main_coursetabpanel_extensions">
<label value="this is the EXTENSIONS tabpanel" />
</tabpanel>
</tabpanels>
</tabbox>
</window>

View File

@ -1,31 +1,31 @@
<?xml version="1.0"?>
<?xml-stylesheet href="chrome://global/skin" type="text/css"?>
<window id="tab-test"
xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
onload="var e =
document.getElementById('main_coursetab_extensions'); e.hidden = true;
document.documentElement.getBoundingClientRect(); e.hidden = false;">
<tabbox id="main_courseframe" flex="1">
<tabs id="main_coursetabs" ida-type="gradient">
<tab id="main_coursetab_general" label="General" />
<tab id="main_coursetab_overview" label="Overview" />
<tab id="main_coursetab_extensions" label="Extensions" />
</tabs>
<tabpanels id="main_coursetabpanels" flex="1">
<tabpanel id="main_coursetabpanel_general">
<label value="this is the general tabpanel" />
</tabpanel>
<tabpanel id="main_coursetabpanel_overview">
<label value="this is the OVERVIEW tabpanel" />
</tabpanel>
<tabpanel id="main_coursetabpanel_extensions">
<label value="this is the EXTENSIONS tabpanel" />
</tabpanel>
</tabpanels>
</tabbox>
</window>
<?xml version="1.0"?>
<?xml-stylesheet href="chrome://global/skin" type="text/css"?>
<window id="tab-test"
xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
onload="var e =
document.getElementById('main_coursetab_extensions'); e.hidden = true;
document.documentElement.getBoundingClientRect(); e.hidden = false;">
<tabbox id="main_courseframe" flex="1">
<tabs id="main_coursetabs" ida-type="gradient" style="-moz-appearance:none">
<tab id="main_coursetab_general" label="General" style="-moz-appearance:none" />
<tab id="main_coursetab_overview" label="Overview" style="-moz-appearance:none" />
<tab id="main_coursetab_extensions" label="Extensions" style="-moz-appearance:none" />
</tabs>
<tabpanels id="main_coursetabpanels" flex="1">
<tabpanel id="main_coursetabpanel_general">
<label value="this is the general tabpanel" />
</tabpanel>
<tabpanel id="main_coursetabpanel_overview">
<label value="this is the OVERVIEW tabpanel" />
</tabpanel>
<tabpanel id="main_coursetabpanel_extensions">
<label value="this is the EXTENSIONS tabpanel" />
</tabpanel>
</tabpanels>
</tabbox>
</window>

View File

@ -1,31 +1,31 @@
<?xml version="1.0"?>
<?xml-stylesheet href="chrome://global/skin" type="text/css"?>
<window id="tab-test"
xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
onload="var e =
document.getElementById('main_coursetab_overview'); e.hidden = true;
document.documentElement.getBoundingClientRect(); e.hidden = false;">
<tabbox id="main_courseframe" flex="1">
<tabs id="main_coursetabs" ida-type="gradient">
<tab id="main_coursetab_general" label="General" />
<tab id="main_coursetab_overview" label="Overview" />
<tab id="main_coursetab_extensions" label="Extensions" />
</tabs>
<tabpanels id="main_coursetabpanels" flex="1">
<tabpanel id="main_coursetabpanel_general">
<label value="this is the general tabpanel" />
</tabpanel>
<tabpanel id="main_coursetabpanel_overview">
<label value="this is the OVERVIEW tabpanel" />
</tabpanel>
<tabpanel id="main_coursetabpanel_extensions">
<label value="this is the EXTENSIONS tabpanel" />
</tabpanel>
</tabpanels>
</tabbox>
</window>
<?xml version="1.0"?>
<?xml-stylesheet href="chrome://global/skin" type="text/css"?>
<window id="tab-test"
xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
onload="var e =
document.getElementById('main_coursetab_overview'); e.hidden = true;
document.documentElement.getBoundingClientRect(); e.hidden = false;">
<tabbox id="main_courseframe" flex="1">
<tabs id="main_coursetabs" ida-type="gradient" style="-moz-appearance:none">
<tab id="main_coursetab_general" label="General" style="-moz-appearance:none" />
<tab id="main_coursetab_overview" label="Overview" style="-moz-appearance:none" />
<tab id="main_coursetab_extensions" label="Extensions" style="-moz-appearance:none" />
</tabs>
<tabpanels id="main_coursetabpanels" flex="1">
<tabpanel id="main_coursetabpanel_general">
<label value="this is the general tabpanel" />
</tabpanel>
<tabpanel id="main_coursetabpanel_overview">
<label value="this is the OVERVIEW tabpanel" />
</tabpanel>
<tabpanel id="main_coursetabpanel_extensions">
<label value="this is the EXTENSIONS tabpanel" />
</tabpanel>
</tabpanels>
</tabbox>
</window>

View File

@ -1,31 +1,31 @@
<?xml version="1.0"?>
<?xml-stylesheet href="chrome://global/skin" type="text/css"?>
<window id="tab-test"
xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
onload="var e =
document.getElementById('main_coursetab_general'); e.hidden = true;
document.documentElement.getBoundingClientRect(); e.hidden = false;">
<tabbox id="main_courseframe" flex="1">
<tabs id="main_coursetabs" ida-type="gradient">
<tab id="main_coursetab_general" label="General" />
<tab id="main_coursetab_overview" label="Overview" />
<tab id="main_coursetab_extensions" label="Extensions" />
</tabs>
<tabpanels id="main_coursetabpanels" flex="1">
<tabpanel id="main_coursetabpanel_general">
<label value="this is the general tabpanel" />
</tabpanel>
<tabpanel id="main_coursetabpanel_overview">
<label value="this is the OVERVIEW tabpanel" />
</tabpanel>
<tabpanel id="main_coursetabpanel_extensions">
<label value="this is the EXTENSIONS tabpanel" />
</tabpanel>
</tabpanels>
</tabbox>
</window>
<?xml version="1.0"?>
<?xml-stylesheet href="chrome://global/skin" type="text/css"?>
<window id="tab-test"
xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
onload="var e =
document.getElementById('main_coursetab_general'); e.hidden = true;
document.documentElement.getBoundingClientRect(); e.hidden = false;">
<tabbox id="main_courseframe" flex="1">
<tabs id="main_coursetabs" ida-type="gradient" style="-moz-appearance:none">
<tab id="main_coursetab_general" label="General" style="-moz-appearance:none" />
<tab id="main_coursetab_overview" label="Overview" style="-moz-appearance:none" />
<tab id="main_coursetab_extensions" label="Extensions" style="-moz-appearance:none" />
</tabs>
<tabpanels id="main_coursetabpanels" flex="1">
<tabpanel id="main_coursetabpanel_general">
<label value="this is the general tabpanel" />
</tabpanel>
<tabpanel id="main_coursetabpanel_overview">
<label value="this is the OVERVIEW tabpanel" />
</tabpanel>
<tabpanel id="main_coursetabpanel_extensions">
<label value="this is the EXTENSIONS tabpanel" />
</tabpanel>
</tabpanels>
</tabbox>
</window>

View File

@ -4,6 +4,6 @@
</style>
</head><body>
<table><tbody><tr>
<td class="rowg"><input class="rowg"></td>
<td class="rowg"><input class="rowg" style="-moz-appearance:none;"></td>
</tr></tbody></table>
</body></html>

View File

@ -4,6 +4,6 @@
</style>
</head><body onload="document.getElementById('x').className = 'rowg'; document.body.offsetWidth; document.getElementById('y').className = 'rowg'; document.body.offsetWidth; document.documentElement.className = '';">
<table><tbody><tr>
<td id="x"><input id="y"></td>
<td id="x"><input id="y" style="-moz-appearance:none;"></td>
</tr></tbody></table>
</body></html>

View File

@ -4,6 +4,6 @@
</style>
</head><body onload="document.getElementById('x').className = 'rowg'; document.body.offsetWidth; document.getElementById('y').className = 'rowg'; document.body.offsetWidth; document.documentElement.className = '';">
<table><tbody><tr>
<td id="y"><input id="x"></td>
<td id="y"><input id="x" style="-moz-appearance:none;"></td>
</tr></tbody></table>
</body></html>

View File

@ -4,8 +4,8 @@
<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
<hbox>
<label value="anon label"/>
<button label="1"/>
<button label="0"/>
<button label="1" style="-moz-appearance:none;"/>
<button label="0" style="-moz-appearance:none;"/>
</hbox>
</window>

View File

@ -26,6 +26,7 @@ window.onload = function() {
for(var i=0; i<2; i++) {
var item = document.createElementNS(XUL_NS, "button");
item.setAttribute('style','-moz-appearance:none');
cont.appendChild(item);
item.label = i;
}

View File

@ -14,7 +14,7 @@ span {
}
</style>
</head>
<body style="width:2000px; background:white;">
<body style="width:2000px; background:white;"><div style="position:absolute; top:360px;width:100px;height:40px; background:black;"></div>
<iframe src="data:application/vnd.mozilla.xul+xml,%3Cwizard%20xmlns%3D%22http%3A%2F%2Fwww.mozilla.org%2Fkeymaster%2Fgatekeeper%2Fthere.is.only.xul%22%3E%3C%2Fwizard%3E%0D%0A%0D%0A"></iframe>
<span></span>
</body>

View File

@ -8,7 +8,7 @@ iframe {
}
</style>
</head>
<body style="width:2000px; background:white;">
<body style="width:2000px; background:white;"><div style="position:absolute; top:360px;width:100px;height:40px; background:black;"></div>
<iframe src="data:application/vnd.mozilla.xul+xml,%3Cwizard%20xmlns%3D%22http%3A%2F%2Fwww.mozilla.org%2Fkeymaster%2Fgatekeeper%2Fthere.is.only.xul%22%3E%3C%2Fwizard%3E%0D%0A%0D%0A"></iframe>
</body>
</html>

View File

@ -1,5 +1,5 @@
<html>
<body>
<body><div style="position:absolute; z-index:1; left:370px;top:370px;width:40px;height:40px; background:black;"></div>
<div style="width:500px; height:500px;
overflow:scroll; outline:1px dotted black;
position:absolute; left:-100px; top:-100px;"></div>

View File

@ -1,5 +1,5 @@
<html>
<body>
<body><div style="position:absolute; z-index:1; left:370px;top:370px;width:40px;height:40px; background:black;"></div>
<div style="width:500px; height:500px; opacity:0.99999;
overflow:scroll; outline:1px dotted black;
position:absolute; left:-100px; top:-100px;"></div>

View File

@ -1,7 +1,7 @@
<!DOCTYPE html>
<html>
<body>
<select>
<select style="-moz-appearance:none">
<option selected disabled>Option one</option>
<option>Option two</option>
</select>

View File

@ -2,7 +2,7 @@
<html>
<body onload='var elem1 = document.getElementById("one");
elem1.setAttribute("selected", "selected");'>
<select>
<select style="-moz-appearance:none">
<option id="one" disabled>Option one</option>
<option id="two" selected>Option two</option>
</select>

View File

@ -2,8 +2,8 @@
<html>
<body>
<form>
<input type="submit" name="foo" value="foo" style="font-size: 3em; color: green;">
<input type="image" name="bar" value="bar" style="color: purple;">
<input type="submit" name="foo" value="foo" style="font-size: 3em; color: green; -moz-appearance:none; ">
<input type="image" name="bar" value="bar" style="color: purple; -moz-appearance:none; ">
</form>
</body>
</html>

View File

@ -3,7 +3,7 @@
<head>
<style>
input { color: purple; }
:default { font-size: 3em; color: green; }
:default { font-size: 3em; color: green; -moz-appearance:none; }
</style>
<script type="text/javascript">
function boom()

View File

@ -3,7 +3,7 @@
<head>
<style>
input { color: purple; }
:default { font-size: 3em; color: green; }
:default { font-size: 3em; color: green; -moz-appearance:none; }
</style>
<script type="text/javascript">
function boom()

View File

@ -2,8 +2,8 @@
<html>
<body>
<form>
<input type="image" name="bar" value="bar" style="font-size: 3em; color: green;">
<input type="submit" name="foo" value="foo" style="color: purple">
<input type="image" name="bar" value="bar" style="font-size: 3em; color: green; -moz-appearance:none; ">
<input type="submit" name="foo" value="foo" style="color: purple; -moz-appearance:none; ">
</form>
</body>
</html>

View File

@ -2,7 +2,7 @@
<html class="reftest-wait">
<head>
<style>
input { color: purple; }
input { color: purple; -moz-appearance:none; }
:default { font-size: 3em; color: green; }
</style>
<script type="text/javascript">

View File

@ -2,7 +2,7 @@
<html class="reftest-wait">
<head>
<style>
input { color: purple; }
input { color: purple; -moz-appearance:none; }
:default { font-size: 3em; color: green; }
</style>
<script type="text/javascript">

View File

@ -1122,7 +1122,7 @@ random == 445004-1.html 445004-1-ref.html # bug 472268
== 446100-1c.html about:blank
== 446100-1d.html about:blank
== 446100-1e.html about:blank
== 446100-1f.html about:blank
random-if(MOZ_WIDGET_TOOLKIT=="gtk2") == 446100-1f.html about:blank # Fails due to AA on GTK2
== 446100-1g.html about:blank
== 446100-1h.html about:blank
# == 448193.html 448193-ref.html # Fails due to 2 small single-pixel differences

View File

@ -39,7 +39,7 @@ function boom()
<textarea rows="3" cols="5" id="textarea">x</textarea>
</div>
<select>
<select style="-moz-appearance:none">
<option id="opt1">opt1</option>
</select>

View File

@ -8,7 +8,7 @@
<textarea rows="3" cols="5" id="textarea">x y</textarea>
</div>
<select>
<select style="-moz-appearance:none">
<option id="opt1"></option>
</select>