Unverified Commit 499595d9 authored by Alireza Heidari's avatar Alireza Heidari
Browse files

Prevents keyboard event bubbling in card component 

Adds event.stopPropagation() calls to keyboard event handlers to prevent events from bubbling up to parent elements when the card handles Enter, Space, or other key interactions.
parent 3407134f

client/src/components/Common/GCard.vue

+2 −0
Original line number Diff line number Diff line
@@ -289,8 +289,10 @@ const allowedTitleLines = computed(() => props.titleNLines); 


function onKeyDown(event: KeyboardEvent) {

    if ((props.clickable && event.key === "Enter") || event.key === " ") {

        event.stopPropagation();

        emit("click", event);

    } else if (props.clickable) {

        event.stopPropagation();

        emit("keydown", event);

    }

}