| <!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> |
