vertumnus
/
primevue-mirror
mirror of https://github.com/primefaces/primevue.git
1
0
Fork 0
Code Packages Releases Activity

Escape key should close input

pull/7280/head
Cagatay Civici 2025-02-19 18:23:22 +03:00
parent 9511b079ff
commit 207e0adc84
1 changed files with 5 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
apps/showcase/components/layout/designer/dashboard/DesignDashboard.vue
View File

@ -70,6 +70,7 @@
maxlength="100" maxlength="100"
@blur="renameTheme(theme)" @blur="renameTheme(theme)"
@keydown.enter="onThemeNameEnterKey($event)" @keydown.enter="onThemeNameEnterKey($event)"
@keydown.escape="onThemeNameEscape($event)"
/> />
<i class="hidden group-hover:block pi pi-pencil !text-xs absolute top-50 text-muted-color" style="right: 2px"></i> <i class="hidden group-hover:block pi pi-pencil !text-xs absolute top-50 text-muted-color" style="right: 2px"></i>
</div> </div>
@ -267,6 +268,10 @@ export default {
onThemeNameEnterKey(event) { onThemeNameEnterKey(event) {
event.target.blur(); event.target.blur();
}, },
onThemeNameEscape(event) {
event.target.blur();
event.stopPropagation();
},
async deleteTheme(theme) { async deleteTheme(theme) {
const { error } = await $fetch(this.designerApiUrl + '/theme/delete/' + theme.t_key, { const { error } = await $fetch(this.designerApiUrl + '/theme/delete/' + theme.t_key, {
method: 'DELETE', method: 'DELETE',