dojo
Version:
Dojo core is a powerful, lightweight library that makes common tasks quicker and easier. Animate elements, manipulate the DOM, and query with easy CSS syntax, all without sacrificing performance.
43 lines (36 loc) • 1.44 kB
HTML
<html>
<head>
<title>test dojo/touch dojoClick property with input of type checkbox and radio</title>
<meta http-equiv="Content-type" content="text/html; charset=utf-8"/>
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no"/>
<meta name="apple-mobile-web-app-capable" content="yes"/>
<!-- Test for #18352 -->
<!-- Checks that dojo/touch with dojoClick=true does not break interaction with "native" HTML input -->
<!-- of type checkbox and radio (used to be broken on iOS and Android). -->
<script src="../../../dojo.js" data-dojo-config="async: true, isDebug: true"></script>
<script>
document.dojoClick = true;
var ready = false;
// loading dojo/touch, along with setting document.dojoClick at true, triggers the bug
require(["dojo/touch", "dojo/domReady!"], function(){
ready = true;
});
</script>
</head>
<body>
<h1>Test dojo/touch's dojoClick property with input of type checkbox and radio</h1>
<p>
<input type="checkbox" id="dojoClickCheckbox">
<label for="dojoClickCheckbox">dojoClick=true</label>
</p>
<p>
<input type="radio" id="dojoClickRadio1" name="dojoClickRadio" value="1" checked>
<label for="dojoClickRadio1">One</label>
</p>
<p>
<input type="radio" id="dojoClickRadio2" name="dojoClickRadio" value="2">
<label for="dojoClickRadio2">Two</label>
</p>
</body>
</html>