mirror of
https://github.com/jquery/jquery-ui.git
synced 2024-11-21 11:04:24 +00:00
de2ef2a585
This avoids styling issues where ui-state-focus rules apply to submenus. Fixes #10162 Closes gh-1342
338 lines
9.4 KiB
HTML
338 lines
9.4 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>jQuery UI Menu Test Suite</title>
|
|
|
|
<script src="../../jquery.js"></script>
|
|
<link rel="stylesheet" href="../../../external/qunit/qunit.css">
|
|
<script src="../../../external/qunit/qunit.js"></script>
|
|
<script src="../../../external/jquery-simulate/jquery.simulate.js"></script>
|
|
<script src="../testsuite.js"></script>
|
|
<script>
|
|
TestHelpers.loadResources({
|
|
css: [ "core", "menu" ],
|
|
js: [
|
|
"ui/core.js",
|
|
"ui/widget.js",
|
|
"ui/menu.js"
|
|
]
|
|
});
|
|
</script>
|
|
|
|
<script src="menu_test_helpers.js"></script>
|
|
<script src="menu_common.js"></script>
|
|
<script src="menu_core.js"></script>
|
|
<script src="menu_events.js"></script>
|
|
<script src="menu_methods.js"></script>
|
|
<script src="menu_options.js"></script>
|
|
|
|
<script src="../swarminject.js"></script>
|
|
<style>
|
|
.ui-menu {
|
|
font-size: 15px;
|
|
line-height: 15px;
|
|
}
|
|
.ui-menu .ui-menu-item-wrapper {
|
|
padding: 0;
|
|
}
|
|
#menu3 {
|
|
height: 250px;
|
|
overflow: auto;
|
|
}
|
|
#menu4, #menu4 ul {
|
|
height: 250px;
|
|
overflow: auto;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
|
|
<div id="qunit">jQuery UI Menu Test Suite</div>
|
|
<div id="qunit-fixture">
|
|
|
|
<ul class="foo" id="menu1">
|
|
<li class="foo"><div>Aberdeen</div></li>
|
|
<li class="foo"><div>Ada</div></li>
|
|
<li class="foo"><div>Adamsville</div></li>
|
|
<li class="foo"><div id="testID1">Addyston</div></li>
|
|
<li class="foo"><div>Adelphi</div></li>
|
|
</ul>
|
|
|
|
<ul id="menu2">
|
|
<li class="foo"><div>Aberdeen</div></li>
|
|
<li class="foo"><div>Ada</div></li>
|
|
<li class="foo"><div>Adamsville</div></li>
|
|
<li class="foo">
|
|
<div><span class="ui-icon ui-icon-print"></span>Addyston</div>
|
|
</li>
|
|
<li>
|
|
<div>Delphi</div>
|
|
<ul>
|
|
<li class="foo"><div>Ada</div></li>
|
|
<li class="foo"><div>Saarland</div></li>
|
|
<li class="foo"><div>Salzburg</div></li>
|
|
</ul>
|
|
</li>
|
|
<li class="foo"><div> Saarland</div></li>
|
|
<li>
|
|
<div>Salzburg</div>
|
|
<ul>
|
|
<li>
|
|
<div>Delphi</div>
|
|
<ul>
|
|
<li class="foo"><div>Ada</div></li>
|
|
<li class="foo"><div>Saarland</div></li>
|
|
<li class="foo"><div>Salzburg</div></li>
|
|
</ul>
|
|
</li>
|
|
<li>
|
|
<div>Delphi</div>
|
|
<ul>
|
|
<li class="foo"><div>Ada</div></li>
|
|
<li> - </li>
|
|
<li class="foo"><div>Saarland</div></li>
|
|
<li></li>
|
|
<li class="foo"><div>Salzburg</div></li>
|
|
<li>–</li>
|
|
</ul>
|
|
</li>
|
|
<li class="foo"><div>Perch</div></li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
|
|
<ul class="foo" id="menu3">
|
|
<li class="foo"><div>Aberdeen</div></li>
|
|
<li class="foo"><div>Ada</div></li>
|
|
<li class="foo"><div>Adamsville</div></li>
|
|
<li class="foo"><div>Addyston</div></li>
|
|
<li class="foo"><div>Adelphi</div></li>
|
|
<li class="foo"><div>Adena</div></li>
|
|
<li class="foo"><div>Adrian</div></li>
|
|
<li class="foo"><div>Akron</div></li>
|
|
<li class="foo"><div>Albany</div></li>
|
|
<li class="foo"><div>Alexandria</div></li>
|
|
<li class="foo"><div>Alger</div></li>
|
|
<li class="foo"><div>Alledonia</div></li>
|
|
<li class="foo"><div>Alliance</div></li>
|
|
<li class="foo"><div>Alpha</div></li>
|
|
<li class="foo"><div>Alvada</div></li>
|
|
<li class="foo"><div>Alvordton</div></li>
|
|
<li class="foo"><div>Amanda</div></li>
|
|
<li class="foo"><div>Amelia</div></li>
|
|
<li class="foo"><div>Amesville</div></li>
|
|
<li class="foo"><div>Aberdeen</div></li>
|
|
<li class="foo"><div>Ada</div></li>
|
|
<li class="foo"><div>Adamsville</div></li>
|
|
<li class="foo"><div>Addyston</div></li>
|
|
<li class="foo"><div>Adelphi</div></li>
|
|
<li class="foo"><div>Adena</div></li>
|
|
<li class="foo"><div>Adrian</div></li>
|
|
<li class="foo"><div>Akron</div></li>
|
|
<li class="foo"><div>Albany</div></li>
|
|
<li class="foo"><div>Alexandria</div></li>
|
|
<li class="foo"><div>Alger</div></li>
|
|
<li class="foo"><div>Alledonia</div></li>
|
|
<li class="foo"><div>Alliance</div></li>
|
|
<li class="foo"><div>Alpha</div></li>
|
|
<li class="foo"><div>Alvada</div></li>
|
|
<li class="foo"><div>Alvordton</div></li>
|
|
<li class="foo"><div>Amanda</div></li>
|
|
<li class="foo"><div>Amelia</div></li>
|
|
<li class="foo"><div>Amesville</div></li>
|
|
</ul>
|
|
|
|
<ul class="foo" id="menu4">
|
|
<li class="foo"><div>Aberdeen</div></li>
|
|
<li class="foo">
|
|
<div>Ada</div>
|
|
<ul class="foo">
|
|
<li class="foo"><div>Aberdeen</div></li>
|
|
<li class="foo"><div>Ada</div></li>
|
|
<li class="foo"><div>Adamsville</div></li>
|
|
<li class="foo"><div>Addyston</div></li>
|
|
<li class="foo"><div>Adelphi</div></li>
|
|
<li class="foo"><div>Adena</div></li>
|
|
<li class="foo"><div>Adrian</div></li>
|
|
<li class="foo"><div>Akron</div></li>
|
|
<li class="foo"><div>Albany</div></li>
|
|
<li class="foo"><div>Alexandria</div></li>
|
|
<li class="foo"><div>Alger</div></li>
|
|
<li class="foo"><div>Alledonia</div></li>
|
|
<li class="foo"><div>Alliance</div></li>
|
|
<li class="foo"><div>Alpha</div></li>
|
|
<li class="foo"><div>Alvada</div></li>
|
|
<li class="foo"><div>Alvordton</div></li>
|
|
<li class="foo"><div>Amanda</div></li>
|
|
<li class="foo"><div>Amelia</div></li>
|
|
<li class="foo"><div>Amesville</div></li>
|
|
<li class="foo"><div>Aberdeen</div></li>
|
|
<li class="foo"><div>Ada</div></li>
|
|
<li class="foo"><div>Adamsville</div></li>
|
|
<li class="foo"><div>Addyston</div></li>
|
|
<li class="foo"><div>Adelphi</div></li>
|
|
<li class="foo"><div>Adena</div></li>
|
|
<li class="foo"><div>Adrian</div></li>
|
|
<li class="foo"><div>Akron</div></li>
|
|
<li class="foo"><div>Albany</div></li>
|
|
</ul>
|
|
</li>
|
|
<li class="foo"><div>Adamsville</div></li>
|
|
<li class="foo"><div>Addyston</div></li>
|
|
<li class="foo"><div>Adelphi</div></li>
|
|
<li class="foo"><div>Adena</div></li>
|
|
<li class="foo"><div>Adrian</div></li>
|
|
<li class="foo"><div>Akron</div></li>
|
|
<li class="foo"><div>Albany</div></li>
|
|
<li class="foo"><div>Alexandria</div></li>
|
|
<li class="foo"><div>Alger</div></li>
|
|
<li class="foo"><div>Alledonia</div></li>
|
|
<li class="foo"><div>Alliance</div></li>
|
|
<li class="foo"><div>Alpha</div></li>
|
|
<li class="foo"><div>Alvada</div></li>
|
|
<li class="foo"><div>Alvordton</div></li>
|
|
<li class="foo"><div>Amanda</div></li>
|
|
<li class="foo"><div>Amelia</div></li>
|
|
<li class="foo"><div>Amesville</div></li>
|
|
<li class="foo"><div>Aberdeen</div></li>
|
|
<li class="foo"><div>Ada</div></li>
|
|
<li class="foo"><div>Adamsville</div></li>
|
|
<li class="foo"><div>Addyston</div></li>
|
|
<li class="foo"><div>Adelphi</div></li>
|
|
<li class="foo"><div>Adena</div></li>
|
|
<li class="foo"><div>Adrian</div></li>
|
|
<li class="foo"><div>Akron</div></li>
|
|
<li class="foo"><div>Albany</div></li>
|
|
<li class="foo"><div>Alexandria</div></li>
|
|
<li class="foo"><div>Alger</div></li>
|
|
<li class="foo"><div>Alledonia</div></li>
|
|
<li class="foo"><div>Alliance</div></li>
|
|
<li class="foo"><div>Alpha</div></li>
|
|
<li class="foo"><div>Alvada</div></li>
|
|
<li class="foo"><div>Alvordton</div></li>
|
|
<li class="foo"><div>Amanda</div></li>
|
|
<li class="foo"><div>Amelia</div></li>
|
|
<li class="foo"><div>Amesville</div></li>
|
|
</ul>
|
|
|
|
<div id="menu5">
|
|
<blockquote><div>Aberdeen</div></blockquote>
|
|
<blockquote><div>Ada</div></blockquote>
|
|
<blockquote><div>Adamsville</div></blockquote>
|
|
<blockquote><div>Addyston</div></blockquote>
|
|
<blockquote>
|
|
<div>Delphi</div>
|
|
<div class="menu">
|
|
<blockquote><div>Ada</div></blockquote>
|
|
<blockquote><div>Saarland</div></blockquote>
|
|
<blockquote><div>Salzburg</div></blockquote>
|
|
</div>
|
|
</blockquote>
|
|
<blockquote><div>Saarland</div></blockquote>
|
|
<blockquote>
|
|
<div>Salzburg</div>
|
|
<div class="menu">
|
|
<blockquote>
|
|
<div>Delphi</div>
|
|
<div class="menu">
|
|
<blockquote><div>Ada</div></blockquote>
|
|
<blockquote id="testID2">Saarland</blockquote>
|
|
<blockquote><div>Salzburg</div></blockquote>
|
|
</div>
|
|
</blockquote>
|
|
<blockquote>
|
|
<div>Delphi</div>
|
|
<div class="menu">
|
|
<blockquote><div>Ada</div></blockquote>
|
|
<blockquote><div>Saarland</div></blockquote>
|
|
<blockquote><div>Salzburg</div></blockquote>
|
|
</div>
|
|
</blockquote>
|
|
<blockquote><div>Perch</div></blockquote>
|
|
</div>
|
|
</blockquote>
|
|
</div>
|
|
|
|
<ul id="menu6">
|
|
<li class="foo"><div>Aberdeen</div></li>
|
|
<li class="foo ui-state-disabled"><div>Ada</div></li>
|
|
<li class="foo"><div>Adamsville</div></li>
|
|
<li class="foo"><div>Addyston</div></li>
|
|
<li id="testID3" class="ui-state-disabled">
|
|
<div>Delphi</div>
|
|
<ul>
|
|
<li class="foo"><div>Ada</div></li>
|
|
<li class="foo"><div>Saarland</div></li>
|
|
<li class="foo"><div>Salzburg</div></li>
|
|
</ul>
|
|
</li>
|
|
<li class="foo"><div>Saarland</div></li>
|
|
</ul>
|
|
|
|
<ul id="menu7">
|
|
<li class="ui-menu-group">
|
|
<div><strong>Group 1</strong></div>
|
|
</li>
|
|
<li><div>Aberdeen</div></li>
|
|
<li><div>Ada</div></li>
|
|
<li><div>Adamsville</div></li>
|
|
<li><div>Addyston</div></li>
|
|
<li></li>
|
|
<li class="ui-menu-group">
|
|
<div><strong>Group 2</strong></div>
|
|
</li>
|
|
<li>
|
|
<div>Delphi</div>
|
|
<ul>
|
|
<li><div>Ada</div></li>
|
|
<li><div>Saarland</div></li>
|
|
<li><div>Salzburg</div></li>
|
|
</ul>
|
|
</li>
|
|
<li><div>Saarland</div></li>
|
|
<li>---</li>
|
|
<li class="ui-menu-group">
|
|
<div><strong>Group 3</strong></div>
|
|
</li>
|
|
<li>
|
|
<div>Salzburg</div>
|
|
<ul>
|
|
<li>
|
|
<div>Delphi</div>
|
|
<ul>
|
|
<li><div>Ada</div></li>
|
|
<li> - </li>
|
|
<li><div>Saarland</div></li>
|
|
<li>—</li>
|
|
<li><div>Salzburg</div></li>
|
|
<li>–</li>
|
|
</ul>
|
|
</li>
|
|
<li>
|
|
<div>Delphi</div>
|
|
<ul>
|
|
<li><div>Ada</div></li>
|
|
<li><div>Saarland</div></li>
|
|
<li><div>Salzburg</div></li>
|
|
</ul>
|
|
</li>
|
|
<li><div>Perch</div></li>
|
|
</ul>
|
|
</li>
|
|
<li><div>Amesville</div></li>
|
|
</ul>
|
|
|
|
<ul id="menu8">
|
|
<li class="foo"><div>Aberdeen</div></li>
|
|
<li class="foo ui-state-disabled"><div>Ada</div></li>
|
|
<li class="foo"><div>Adamsville</div></li>
|
|
<li class="foo"><div>Addyston</div></li>
|
|
<li class="foo">-</li>
|
|
<li class="foo"><div>-Saarland</div></li>
|
|
</ul>
|
|
|
|
</div>
|
|
</body>
|
|
</html>
|