RevelaNetwork/Revelav3
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

When clicking on phrase in Omnibox, actually do something

Browse source
This commit is contained in:
MotorTruck1221 2024-09-27 01:36:57 -06:00
parent 9b6caebfa6
commit 68b1b4c2e2
No known key found for this signature in database
GPG key ID: 08F417E2B8B61EA4
1 changed files with 13 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

15
src/pages/[lang]/index.astro
View file

@ -96,8 +96,19 @@ const t = useTranslations(lang);
data.map((results: Suggestion) => {
let span = document.createElement("span");
let pTag = document.createElement("p");
span.classList.add("border-b", "border-input-border-color", "last:border-none", "text-ellipsis", "whitespace-nowrap", "w-full", "text-input-text", "bg-primary", "h-9", "text-xl", "text-align-center", "overflow-hidden", "flex", "items-center", "justify-center", "hover:bg-lighter", "active:bg-primary");
pTag.classList.add("text-ellipsis", "text-center", "w-full", "overflow-hidden", "whitespace-nowrap")
span.classList.add("cursor-pointer", "border-b", "border-input-border-color", "last:border-none", "text-ellipsis", "whitespace-nowrap", "w-full", "text-input-text", "bg-primary", "h-9", "text-xl", "text-align-center", "overflow-hidden", "flex", "items-center", "justify-center", "hover:bg-lighter", "active:bg-primary");
span.addEventListener("click", function() {
//when the box is clicked, we want to fill the omnibox and hit enter. This allows us to re-use the existing event listener on the input.
const event = new KeyboardEvent("keypress", {
key: 'Enter',
code: 'Enter',
which: 13,
keyCode: 13
});
input.value = results.phrase;
input.dispatchEvent(event);
});
pTag.classList.add("cursor-pointer", "text-ellipsis", "text-center", "w-full", "overflow-hidden", "whitespace-nowrap")
pTag.innerText = results.phrase;
span.appendChild(pTag);
omnibox.appendChild(span);