Widget:Test: mudanças entre as edições

Widget:Test (ver código-fonte)

Edição das 23h49min de 26 de dezembro de 2024

105 bytes adicionados , 26 de dezembro de 2024

sem sumário de edição

Renee

Administradores

6 392

edições

@@ Linha 62: / Linha 62: @@
          });
-         document.addEventListener('keydown', function(event) {
+         document.addEventListener('keydown', function (event) {
-            if (event.key === 'ArrowDown') {
+    if (dropdown.style.display === 'none' || !dropdown.childNodes.length) {
-                const activeItem = document.querySelector('.dropdown-item.active');
+        return; // Não faça nada se o dropdown estiver escondido ou vazio
-                if (activeItem) {
+    }
-                    activeItem.classList.remove('active');
-                    const nextItem = activeItem.nextElementSibling;
+    if (event.key === 'ArrowDown') {
-                    if (nextItem) {
+        const activeItem = document.querySelector('.dropdown-item.active');
-                        nextItem.classList.add('active');
+        if (activeItem) {
-                    } else {
+            activeItem.classList.remove('active');
-                        dropdown.firstChild.classList.add('active');
+            const nextItem = activeItem.nextElementSibling || dropdown.firstChild;
-                    }
+            nextItem.classList.add('active');
-                } else {
+            nextItem.scrollIntoView({ block: "nearest" }); // Garante que o item fique visível
-                    dropdown.firstChild.classList.add('active');
+        } else {
-                }
+            dropdown.firstChild.classList.add('active');
-            } else if (event.key === 'ArrowUp') {
+            dropdown.firstChild.scrollIntoView({ block: "nearest" });
-                const activeItem = document.querySelector('.dropdown-item.active');
+        }
-                if (activeItem) {
+        event.preventDefault(); // Evita rolagem da página
-                    activeItem.classList.remove('active');
+    } else if (event.key === 'ArrowUp') {
-                    const previousItem = activeItem.previousElementSibling;
+        const activeItem = document.querySelector('.dropdown-item.active');
-                    if (previousItem) {
+        if (activeItem) {
-                        previousItem.classList.add('active');
+            activeItem.classList.remove('active');
-                    } else {
+            const previousItem = activeItem.previousElementSibling || dropdown.lastChild;
-                        dropdown.lastChild.classList.add('active');
+            previousItem.classList.add('active');
-                    }
+            previousItem.scrollIntoView({ block: "nearest" });
-                } else {
+        } else {
-                    dropdown.lastChild.classList.add('active');
+            dropdown.lastChild.classList.add('active');
-                }
+            dropdown.lastChild.scrollIntoView({ block: "nearest" });
-            } else if (event.key === 'Enter') {
+        }
-                const activeItem = document.querySelector('.dropdown-item.active');
+        event.preventDefault();
-                if (activeItem) {
+    } else if (event.key === 'Enter') {
-                    activeItem.click();
+        const activeItem = document.querySelector('.dropdown-item.active');
-                }
+        if (activeItem) {
-            }
+            activeItem.click();
-        });
+        }
+        event.preventDefault();
+    }
+});
 function showImageInfo(imageName) {