Q-Tab-Panels and native form post

[JTrotta]

Describe the bug
Using native form, with tab-panels. Only visible tab input fields are posted to the controller

Codepen/jsFiddle/Codesandbox (required)
The problem is only visible on Asp.net controller.

To Reproduce
Steps to reproduce the behavior:

1. Add two q-tab-panels Each tab gots input fields to be posted using a native form. Add keep-alive property.
2. Insert data into first tab input fields,
3. Then modify second tab input fields.
4. Posting the form, only the second tab (the visble one) fields values are posted. The first tab fields are not.

Expected behavior
All data should be posted to the controller

Screenshots
If applicable, add screenshots to help explain your problem.

Platform (please complete the following information):
OS: Windows/Linux
Node:---
NPM:---
Yarn:---
Browsers:---
iOS:--
Android:---
Electron:---

Additional context
NN

[rstoenescu]

Hi,

This is by design due to how QTabPanels (efficiently) work. There's lots to talk about on this subject, but bottom line: don't use QTabPanels (only current tab panel is present in DOM) when designing your UI for this particular goal.

[JTrotta]

What a pity. Tab panel is the most used component for this kind of UI.
Is it possible to upggrade it with a kinf of boolean property to just hide unvisible panels instead of delete it from DOM? Just a suggestion.
Thank you

[pdanpdan]

If you just want to show/hide parts of the UI you don't need any component - put your content and show/hide it with v-show based on the selected tab.