38 lines
1.5 KiB
HTML
38 lines
1.5 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<meta charset="utf-8">
|
|
<title>Cthulhu Browser Probe: fragmented response</title>
|
|
<style>
|
|
.reply { width: 210px; }
|
|
.reply span { display: inline-block; width: 70px; }
|
|
.rank-icon::before { content: "\f005"; }
|
|
</style>
|
|
<body>
|
|
<h1>Fragmented response</h1>
|
|
<p class="reply"><span>One </span><span>two </span><span>three.</span><span>Four </span><span>five </span><span>six.</span></p>
|
|
<p>Next paragraph.</p>
|
|
<p>Before <a href="#after">ordinary link</a> after.</p>
|
|
<h2 id="after"><span>Split </span><span>heading</span></h2>
|
|
<pre><span>Code first</span>
|
|
<span>Code second</span></pre>
|
|
<p>Member rank</p>
|
|
<div><span class="rank-icon"></span><span class="rank-icon"></span><span class="rank-icon"></span><span class="rank-icon"></span><span class="rank-icon"></span></div>
|
|
<p>Join Date</p>
|
|
<button tabindex="-1" aria-label="Rating details"><span class="rank-icon"></span></button>
|
|
<p>Mixed  text.</p>
|
|
<p>★</p>
|
|
<textarea aria-label="Fragment probe focus">Editable text</textarea>
|
|
<h2>Embedded suggestion</h2>
|
|
<div contenteditable="true" role="textbox" aria-multiline="true" aria-label="Suggested review">
|
|
<p>Review the code.</p><p>Report actionable issues.</p>
|
|
</div>
|
|
<p>After the suggestion.</p>
|
|
<h3>Line grouping</h3>
|
|
<p><a href="#after">First link</a> <a href="#after">Second link</a> trailing text.</p>
|
|
<ul style="display:flex; gap:24px; list-style:none; padding:0"><li>East</li><li>West</li></ul>
|
|
<ul><li>North</li><li>South</li></ul>
|
|
<h3>Separate heading</h3>
|
|
<p>Final paragraph.</p>
|
|
</body>
|
|
</html>
|