stian/pathduck.github.io
1
0
Fork 0
mirror of https://github.com/Pathduck/pathduck.github.io.git synced 2026-07-16 16:42:00 -04:00
Code Activity

Update files

Browse Source
This commit is contained in:
Stian
2025-07-11 17:09:25 +02:00
parent e2d47a1d1f
commit 1a5bbb8bb9
29 changed files with 271 additions and 141 deletions
Download Patch File Download Diff File Expand all files Collapse all files
test/spatial-navigation/frame.html
+8 -5
View File
@@ -1,14 +1,17 @@
<!DOCTYPE html>
<html>
<head>
<title>Input focus test</title>
<style>body {color: white; background: darkslategray;} a {color: deepskyblue;}</style>
<title>Input focus test</title>
<style>
body {color: white; background: darkslategray;} a {color: deepskyblue;}
</style>
</head>
<body>
<p><span onclick="alert('You clicked me!')"><button>Button</button></span></p>
<p><textarea cols="20" rows="3">Textarea</textarea></p>
<p><span onclick="alert('You clicked me!')"><button>Button</button></span></p>
<p>
<textarea cols="20" rows="3">Textarea</textarea></p>
<p><input type="text">Input type=text</p>
<p><input type="date">Input type=date</p>
<p><input type="date">Input type=date</p>
<p><input type="time">Input type=time</p>
</body>
</html>
test/spatial-navigation/index.html
+2 -2
View File
@@ -29,7 +29,7 @@
that most likely will wrap.</a></p>
</div>
<div style="width: 450px;">
<p>Paragraph with two links that will wrap.</a></p>
<p>Paragraph with two links that will wrap.</p>
<p>"Lorem ipsum dolor sit amet, <a href="https://en.wikipedia.org/wiki/Spatial_navigation">consectetur
adipiscing elit</a>, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Ut <a href="https://en.wikipedia.org/wiki/Spatial_navigation">enim ad minim veniam</a>,
@@ -93,7 +93,7 @@
<video loop="" controls="" muted="" width="500"><source src=
"https://help.vivaldi.com/wp-content/uploads/2017/12/vivaldi_success.mp4" type="video/mp4"></video>
</div>
<div draggable="" ondragstart="()" style="width: 500px; height: 100px; outline: 1px dotted green; cursor: move">
<div draggable="true" ondragstart="()" style="width: 500px; height: 100px; outline: 1px dotted green; cursor: move">
<span onclick="alert('You clicked me!')">This is a div with the draggable attribute and the ondragstart event
listener set (though it doesn't do anything). Only useful if drag-and-drop will be made keyboard accessible in
general (VB-4154). Also consider adding dragenter or dragover listeners to the list of spatnav triggers.</span>