From da7e5ca8ba20d917ce2039d4250ac687507da4ec Mon Sep 17 00:00:00 2001 From: Orion Reed Date: Wed, 11 Dec 2024 01:47:38 -0500 Subject: [PATCH] add moveBefore support warning --- demo/moveBefore.html | 19 +++++++++++++++++++ 1 file changed, 19 insertions(+) diff --git a/demo/moveBefore.html b/demo/moveBefore.html index e60e484..37fcf67 100644 --- a/demo/moveBefore.html +++ b/demo/moveBefore.html @@ -33,6 +33,20 @@ folk-shape { background: rgb(187, 178, 178); } + + .warning-banner { + position: fixed; + top: 0; + left: 0; + right: 0; + background-color: #fff3cd; + color: #856404; + border: 1px solid #ffeeba; + padding: 12px; + text-align: center; + z-index: 1000; + font-family: system-ui, -apple-system, sans-serif; + } @@ -48,6 +62,11 @@ // Check for moveBefore support if (!Element.prototype.moveBefore) { + const warning = document.createElement('div'); + warning.className = 'warning-banner'; + warning.innerHTML = + '⚠️ Note: moveBefore() API requires Chrome Canary with chrome://flags/#atomic-move enabled'; + document.body.insertAdjacentElement('afterbegin', warning); console.warn('Note: moveBefore() API requires Chrome Canary with chrome://flags/#atomic-move enabled'); }