View index.html
<!DOCTYPE html> | |
<html lang="en"> | |
<head> | |
<meta charset="UTF-8"> | |
<title>Adopted stylesheets benchmark</title> | |
<meta name="viewport" content="width=device-width, initial-scale=1"> | |
<style> | |
pre { | |
position: fixed; | |
right: 0; |
View index.html
<!DOCTYPE html> | |
<html lang="en"> | |
<head> | |
<meta charset="UTF-8"> | |
<meta name="viewport" content="width=device-width, initial-scale=1"> | |
<title>Selector perf test (more realistic scenario for attribute values)</title> | |
<style> | |
pre { | |
position: fixed; | |
right: 0; |
View index.html
<!DOCTYPE html> | |
<html lang="en"> | |
<head> | |
<meta charset="UTF-8"> | |
<meta name="viewport" content="width=device-width, initial-scale=1"> | |
<title>Test constructable stylesheet perf</title> | |
<style> | |
pre { | |
position: fixed; | |
right: 0; |
View index.html
<!DOCTYPE html> | |
<html lang="en"> | |
<head> | |
<meta charset="UTF-8"> | |
<title>Dialog element and shadow DOM example</title> | |
</head> | |
<body> | |
<button>Focusable button</button> | |
<button class="modal-button">Click to open modal dialog</button> |
View index.html
<!DOCTYPE html> | |
<html lang="en"> | |
<head> | |
<meta charset="UTF-8"> | |
<meta name="viewport" content="width=device-width, initial-scale=1"> | |
<title>Selector perf test</title> | |
<style> | |
pre { | |
position: fixed; | |
right: 0; |
View index.html
<!DOCTYPE html> | |
<html lang="en"> | |
<head> | |
<meta charset="UTF-8"> | |
<title>Repro Chrome emoji bug</title> | |
<style> | |
:root { | |
--button-primary-bg: royalblue; | |
--button-primary-text: white; | |
--button-primary-border: #214cce; |
View index.html
<!DOCTYPE html> | |
<html lang="en"> | |
<head> | |
<meta charset="UTF-8"> | |
<title>Repro Firefox :focus-visible issue</title> | |
<style> | |
a, a:visited { | |
color: blue | |
} | |
html { |
View index.html
<!DOCTYPE html> | |
<html lang="en"> | |
<head> | |
<meta charset="UTF-8"> | |
<title>Modal dialog with inert demo</title> | |
</head> | |
<body> | |
<button>Focusable button</button> | |
<button class="modal-button">Click to open modal dialog</button> |
View index.html
<!DOCTYPE html> | |
<html lang="en"> | |
<head> | |
<meta charset="UTF-8"> | |
<title>Dialog element and shadow DOM example</title> | |
</head> | |
<body> | |
<button>Focusable button</button> | |
<button class="modal-button">Click to open modal dialog</button> |
View index.html
<!DOCTYPE html> | |
<html lang="en"> | |
<head> | |
<meta charset="UTF-8"> | |
<title>Repro emoji picker element issue</title> | |
</head> | |
<body> | |
<script type="module" src="https://cdn.jsdelivr.net/npm/emoji-picker-element@^1/index.js"></script> | |
<emoji-picker> | |
</emoji-picker> |
NewerOlder