Skip to content

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

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
craigrileyuk opened this issue May 5, 2025 · 0 comments
Open

Comments

@craigrileyuk
Copy link

craigrileyuk commented May 5, 2025

  • 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

@craigrileyuk craigrileyuk changed the title Can't wrap f7-list-input inside an f7-list Can't wrap f7-list-input with a custom component inside an f7-list May 5, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant