#7124 - First Input Autofocus without property #251
|
@ -1,5 +1,9 @@
|
|||
import { getCurrentInstance } from 'vue';
|
||||
|
||||
const filterAvailableInput = element => element.classList.contains('q-field__native') && !element.disabled
|
||||
const filterAvailableText = element => element.__vueParentComponent.type.name === 'QInput' && element.__vueParentComponent?.attrs?.class !== 'vn-input-date';
|
||||
|
||||
|
||||
export default {
|
||||
mounted: function () {
|
||||
const vm = getCurrentInstance();
|
||||
|
@ -7,7 +11,7 @@ export default {
|
|||
if (!['searchbarForm','filterPanelForm'].includes(this.$el?.id)) {
|
||||
// AUTOFOCUS
|
||||
const elementsArray = Array.from(this.$el.elements);
|
||||
jsegarra marked this conversation as resolved
|
||||
const firstInputElement = elementsArray.find(element => element.classList.contains('q-field__native'));
|
||||
const firstInputElement = elementsArray.filter(filterAvailableInput).find(filterAvailableText);
|
||||
|
||||
if (firstInputElement) {
|
||||
firstInputElement.focus();
|
||||
jsegarra marked this conversation as resolved
jgallego
commented
refactor de chatGpt para no usar -1 if (firstInputElement) { refactor de chatGpt para no usar -1
const firstInputElement = elementsArray.find(element => element.classList.contains('q-field__native'));
if (firstInputElement) {
|
||||
|
|
Loading…
Reference in New Issue
No usar una variable si luego solo se usa una vez. Igual se te ha quedado de antes
Si que se usaba en el evento key, pero eso pertenece a otra rama