fix: prevent drilldown kbd navigation when editing input field (#4576)

DARPA-ASKEM · Aug 26, 2024 · 6201698 · 6201698
1 parent d415c37
commit 6201698
Showing 1 changed file with 4 additions and 0 deletions.
diff --git a/packages/client/hmi-client/src/components/drilldown/tera-drilldown.vue b/packages/client/hmi-client/src/components/drilldown/tera-drilldown.vue
@@ -236,6 +236,10 @@ const toggleNavigationMenu = (
 };
 
 function handleKeyNavigation(event: KeyboardEvent) {
+	const target = event.target as HTMLElement;
+	if (target.tagName === 'INPUT' || target.tagName === 'TEXTAREA' || target.isContentEditable) {
+		return; // Prevent navigation if the user is editing text
+	}
 	if (event.shiftKey && event.key === 'ArrowLeft') {
 		toggleNavigationMenu(event, upstreamMenu.value, props.upstreamOperatorsNav, leftChevronButton.value);
 	} else if (event.shiftKey && event.key === 'ArrowRight') {