Swipeable tab content is not loaded

[Me-Phew]

Versions

• Framework7 version: 8.3.0
• Vue.js version: 3.3.4

Reproduction

• CodeSandbox: https://codesandbox.io/p/sandbox/swipeable-tabs-bug-reproduction-2fgt25

Describe the bug

Tab content is not loaded when it is changed by swiping.

To Reproduce

Steps to reproduce the behavior:

1. Wait for the "home" tab to load.
2. Swipe left (do not click the link in the tabbar) to change "about" tab.
3. See error - the "about" tab content is not loaded.

Expected behavior

Tab content should be loaded - the same as when you change the tab by clicking the link.

Actual Behavior

Tab content is not loaded and the tab remains empty.

Screenshots

Expected behavior:

Actual Behavior:

[FeernandoOFF]

I'm having this issue too but in svelte. Has anybody found a fix for this? I've seen that by setting the "content" field on the router it works properly but only with HTML content.

[EskelCz]

I had a similar issue in Svelte, one of my tabs worked initially but then got stuck. I found that I had used the same id inside it as the tab itself. So the tab id selector had a chance to randomly fail.