26 lines
954 B
HTML
26 lines
954 B
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
</head>
|
|
<body style="margin: 0px;">
|
|
<div id="container" style="position: relative;">
|
|
<span id="target" style="direction: rtl !important; unicode-bidi: embed;">👍🏾</span>
|
|
</div>
|
|
This test makes sure that emoji with Fitzpatrick modifier are drawn as a single glyph. The test passes if this text you are reading right now is the only text on the page.
|
|
<script>
|
|
var fudge = 6;
|
|
var container = document.getElementById("container");
|
|
var target = document.getElementById("target");
|
|
var cover = document.createElement("div");
|
|
cover.style.position = "absolute";
|
|
cover.style.left = target.offsetLeft.toString() + "px";
|
|
cover.style.top = (target.offsetTop - fudge).toString() + "px";
|
|
cover.style.width = target.offsetWidth.toString() + "px";
|
|
cover.style.height = (target.offsetHeight + fudge).toString() + "px";
|
|
cover.style.backgroundColor = "white";
|
|
container.appendChild(cover);
|
|
</script>
|
|
</body>
|
|
</html>
|