#7124 - First Input Autofocus without property #251

Merged
jsegarra merged 5 commits from 7124_autofocus_first_input into dev 2024-03-25 07:17:04 +00:00
2 changed files with 2 additions and 4 deletions
Showing only changes of commit b11462e244 - Show all commits

View File

@ -4,9 +4,7 @@ export default {
mounted: function () {
const vm = getCurrentInstance();
if (vm.type.name === 'QForm')
if (!['searchbarForm'].includes(this.$el?.id)) {
let that = this;
if (!['searchbarForm','filterPanelForm'].includes(this.$el?.id)) {
// AUTOFOCUS
const elementsArray = Array.from(this.$el.elements);
const firstInputElement = elementsArray.find(element => element.classList.contains('q-field__native'));
jsegarra marked this conversation as resolved Outdated
Outdated
Review

Justo he probado en claimBasicData (ejemplo: http://localhost:9000/#/claim/1/basic-data) y es curioso pq no funciona. Dado que el primer elemento si es un input pero esta disabled. Igual se podría añadir que comprobase que no tenga la clase .disabled

Justo he probado en claimBasicData (ejemplo: http://localhost:9000/#/claim/1/basic-data) y es curioso pq no funciona. Dado que el primer elemento si es un input pero esta disabled. Igual se podría añadir que comprobase que no tenga la clase `.disabled`

Si, es una posibilidad que había visto pero no contemplado.
Lo tengo en cuenta para mas cambios

Si, es una posibilidad que había visto pero no contemplado. Lo tengo en cuenta para mas cambios

me parece muy interesante que obvie los disables

me parece muy interesante que obvie los disables

View File

@ -164,7 +164,7 @@ function formatValue(value) {
</script>
<template>
<QForm @submit="search">
<QForm @submit="search" id="filterPanelForm">
<QList dense>
<QItem class="q-mt-xs">
<QItemSection top>