David's public fiddles
-
Slotted form
Slotting a form. Caveats: the form styling must live *outside* the shadow root!
-
Small video player
Small video player in an iframe looks small and the UI overlaps.
-
Moment.js Sandbox
No-Library (pure JS), HTML, CSS, JavaScript
-
ketw4xmb
No-Library (pure JS), HTML, CSS, JavaScript
-
Tight Loop vs rAF
When the UI updates in a tight loop, you don't see the updates. When using rAF, you do (and the UI thread doesn't block as much)
-
Blink position icon
CSS-only demo to blink an icon using a Sprite background.
-
pointermove outside window
Browsers fire the 'pointermove' event when "selecting" (pointerdown) outside window.
-
fromScreenToElement
Converts points from event.pageX/Y to the corresponding offsetX/Y of a transformed element.
-
Yaffle/1145197 fromScreenToElement
Converts points from event.pageX/Y to the corresponding offsetX/Y of a transformed element.
-
offsetX/Y + matrix3d = bad
When hovering over a Slot, the offsetX/Y of the 'pointermove' event becomes relative to the slot, regardless of where the event is listened from! This is easy to fix in a flat app, but more complex in a transformed one!
-
Synthesizing events inside a normal child of a shadow root.
What happens when we synthesize a click event in a child Element of a Shadow Root?
-
clientX/Y offsetX/Y differences
Testing differences in synthetic clientX/Y values when overflowing their target.
-
z2rtmeoL
No-Library (pure JS), HTML, CSS, JavaScript
-
Reset for Slots
Reset for slots, but preserving the "cursor" property set in the body.
-
Iframed Flutter hogs focus
It seems that focus cannot be taken OUT of an iframed flutter app. Compare with commented-out code to see the expected behavior.
-
Full screening slotted content
Tests of what happens when using the Full Screen API in Slotted content.
-
Video with svg clip
Demonstrating webkit bug https://bugs.webkit.org/show_bug.cgi?id=200381
-
Simple Map
Sample code for Google Maps Platform JavaScript API author(s): Justin Poehnelt
-
Download CK.wasm
Download canvaskit.js and wasm, see if the browser caches...
-
Download CK.wasm
Download canvaskit.wasm several times, see if the browser cache does its thing.