Hacktoberfest 2026: los issues que los mantenedores marcaron para octubre, abiertos y aptos para principiantes. Explorar issues de Hacktoberfest

Can't wrap f7-list-input with a custom component inside an f7-list

Abierto
#4,317 2 comentarios 0 reacciones 0 asignados Ver en GitHub

Nadie ha tomado este issue todavía.

Evaluación

Dificultad
4/5
Tiempo estimado
3-5 días
Aptitud para principiantes
45/100
Tipo de issue
Error
Claridad
Bastante claro
Estado de actividad
Tranquilo
Stack tecnológico
javascript
Área
frontend, mobile

Línea de trabajo

Empieza reproduciendo el wrapper mínimo de Vue alrededor de f7-list-input dentro de f7-list, y luego sigue cómo f7-list indexa sus descendientes cuando interviene un componente personalizado. Compara los componentes directos y envueltos usando los pasos de reproducción. Se considera terminado cuando el componente envuelto se renderiza sin un error de indexación de la lista y ambos casos tienen cobertura de regresión.

Escrito por el modelo de indexación a partir del texto del issue.

Descripción

  • Framework7 version: 8.3.4
  • Vue.js version: 3.5.13
  • Platform and Target: All
Describe the bug

We wanted to wrap the f7-list-input component to add some standard functionality like using v-model instead of v-model:value and being able to show errors with a single prop etc.

However, no descendents of f7-list will work if they are custom components, if causes the list to throw an index error.

Even a simple wrapper component like:

<template>
    <f7-list-input></f7-list-input>
</template>

causes an error.

To Reproduce
  • Create an f7-list.
  • Create a Vue component wrapper for f7-list-input
  • Fails to render
Expected behavior

Application should not error just because you're transparently wrapping Framework7 components

Actual Behavior

List indexing error

Lenguaje dominante
JavaScript
Estrellas
18.8k
Forks
3.2k
Sin PR fusionados en 30 d

Guía de contribución

Abrir la guía de contribución

Primeros pasos

  1. Lee el issue completo y luego la guía de contribución del proyecto.
  2. Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
  3. Haz un fork del repositorio y trabaja en una rama.
  4. Abre un pull request que haga referencia al número del issue.

Más de framework7io/framework7

Todos los issues de framework7io/framework7

Issues similares

Más issues de JavaScript

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.