Nolan Lawson nolanlawson

## index.ts
import { Picker } from 'emoji-picker-element'

const picker = new Picker()

document.body.appendChild(picker)

## .gitignore
bundle.js
bundle.js.map
node_modules

## .gitignore
node_modules

## .gitignore
node_modules
bundle.js

## index.html
<!doctype html>
<html>
<head>
<title>event.path</title>
</head>
<body>
<h1>event.path</h1>
<button type=button>Click me</button>
<script>
document.querySelector('button').addEventListener('click', e => console.log(e.path))

## index.html
<!doctype html>
<html>
  <body>
    <h1>Embed codepen that uses canvas </h1>
    <p>Click "Result":</p>
<iframe src="https://codepen.io/anon/embed/MWpOarg?height=450&theme-id=1&slug-hash=LYxKJzd&default-tab=js,result"></iframe>
  </body>
</html>

## index.html
<!doctype html>
<html>
<body>
<div></div>
<script>
const FONT_FAMILY = '"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Twemoji Mozilla","Noto Color Emoji","EmojiOne Color","Android Emoji",sans-serif';
const getTextFeature = (text2, color) => {
	  try {
		      const canvas = document.createElement("canvas");
		      canvas.width = canvas.height = 1;

## index.html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Console leak repro</title>
</head>
<body>
<h1>Console leak repro</h1>
<button type="button" onclick="causeFakeLeak()">Cause a "leak"</button>
<script>

## index.html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Focus visible keyboard shortcuts repro</title>
  <style>
      *, *:after, *:before {
          box-sizing: border-box;
      }
      :focus:not(:focus-visible) {

## index.html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Ranges issue repro</title>
</head>
<body>
<h1>Ranges issue repro</h1>
<label>
  Click and then type here:
	import { Picker } from 'emoji-picker-element'

	const picker = new Picker()

	document.body.appendChild(picker)
	<!doctype html>
	<html>
	<head>
	<title>event.path</title>
	</head>
	<body>
	<h1>event.path</h1>
	<button type=button>Click me</button>
	<script>
	document.querySelector('button').addEventListener('click', e => console.log(e.path))
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<title>Console leak repro</title>
	</head>
	<body>
	<h1>Console leak repro</h1>
	<button type="button" onclick="causeFakeLeak()">Cause a "leak"</button>
	<script>