diff --git a/dashboard/src/views/AppsView.vue b/dashboard/src/views/AppsView.vue index 1ac301937..739e77f2a 100644 --- a/dashboard/src/views/AppsView.vue +++ b/dashboard/src/views/AppsView.vue @@ -261,6 +261,10 @@ function setItemWidth() { else itemWidth.value = '190px'; } +function onKeyDownHandler(event) { + if (event.key === 'Escape') filter.value = ''; +} + onActivated(async () => { setItemWidth(); @@ -279,11 +283,13 @@ onActivated(async () => { refreshInterval = setInterval(refreshApps, 5000); window.addEventListener('resize', setItemWidth); + window.addEventListener('keydown', onKeyDownHandler); }); onDeactivated(() => { filter.value = ''; + window.removeEventListener('keydown', onKeyDownHandler); clearInterval(refreshInterval); });