Mypal/layout/reftests/css-grid/bug1349571.html

94 lines
2.3 KiB
HTML

<!DOCTYPE html>
<!--
Any copyright is dedicated to the Public Domain.
http://creativecommons.org/publicdomain/zero/1.0/
-->
<html><head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta charset="utf-8">
<title>Testcase for bug 1349571</title>
<style type="text/css">
html,body {
color:black; background-color:white; font:16px/1 monospace; padding:0; margin:0;
}
.container {
display: grid;
grid-template-columns: 1fr;
border: 3px solid;
width: 500px;
}
.responsive-container {
padding-bottom: 50%;
height: 0;
background: lightgrey;
}
</style>
<script>try {
(function() {
var target = 'blur';
if ( target === '' || target === '{{1}}' ) { return; }
var needle = 'mz_str', reText = '.?';
if ( needle !== '' && needle !== '{{2}}' ) {
reText = /^\/.+\/$/.test(needle)
? needle.slice(1,-1)
: needle.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
}
var re = new RegExp(reText);
var chain = target.split('.');
var owner = window, prop;
for (;;) {
prop = chain.shift();
if ( chain.length === 0 ) { break; }
owner = owner[prop];
if ( owner instanceof Object === false ) { return; }
}
var desc = Object.getOwnPropertyDescriptor(owner, prop);
if ( desc && desc.get !== undefined ) { return; }
var magic = String.fromCharCode(Date.now() % 26 + 97) +
Math.floor(Math.random() * 982451653 + 982451653).toString(36);
var value = owner[prop];
var validate = function() {
var e = document.currentScript;
if ( e instanceof HTMLScriptElement && e.src === '' && re.test(e.textContent) ) {
throw new ReferenceError(magic);
}
};
Object.defineProperty(owner, prop, {
get: function() {
validate();
return value;
},
set: function(a) {
validate();
value = a;
}
});
var oe = window.onerror;
window.onerror = function(msg) {
if ( typeof msg === 'string' && msg.indexOf(magic) !== -1 ) {
return true;
}
if ( oe instanceof Function ) {
return oe.apply(this, arguments);
}
}.bind();
})();
} catch ( e ) { }
(function() {
var c = document.currentScript, p = c && c.parentNode;
if ( p ) { p.removeChild(c); }
})();</script></head>
<body>
<div class="container">
<div>
<div class="responsive-container"></div>
</div>
</div>
</body></html>