framework7io/framework7-website

Strange behavior of the defaultValue property of f7-list-input (Vue)

DAnn2012 opened this issue · 1 comments

I noticed a strange behavior of the defaultValue property of f7-list-input (Vue).

In framework7/kitchen-sink/vue/src/pages/inputs.vue there is this code:

kitchen-sink-inputs-vue

In framework7-website/src/pug/docs-demos/vue/inputs.pug there is this code:

<f7-list-input
label="Birthday"
type="date"
defaultValue="2014-04-30"
placeholder="Please choose..."
>
<f7-icon icon="demo-list-icon" slot="media"></f7-icon>
</f7-list-input>

(which looks the same as the previous one)

Instead, the code running on the site shows a different result regarding the defaultValue property:

https://framework7.io/kitchen-sink/vue/index.html?theme=ios

f7-vue-kitchen-sink

https://framework7.io/docs-demos/vue/inputs.html

input-vue-component

Why?

Also, in the list of <f7-list-input> properties of the page Input / Form Elements Vue Components is shown

default-value

while the defaultValue parameter is present in the source code of the Vue examples and that appears to work in Framework7-Vue Kitchen Sink

@nolimits4web I seem to understand that in Framework7 version 6 for Vue the default-value / defaultvalue property for f7-list-input has been completely removed.

I think the documentation and code examples need to be adapted:

td default-value
td string<br>number
td
td Input value, in case of uncontrolled component

<f7-list-input
label="Gender"
type="select"
defaultValue="Male"
placeholder="Please choose..."
>

<f7-list-input
label="Birthday"
type="date"
defaultValue="2014-04-30"
placeholder="Please choose..."
>

<f7-list-input
label="Gender"
type="select"
defaultValue="Male"
placeholder="Please choose..."
>

<f7-list-input
label="Birthday"
type="date"
defaultValue="2014-04-30"
placeholder="Please choose..."
>

<f7-list-input
label="Gender"
type="select"
defaultValue="Male"
placeholder="Please choose..."
>

<f7-list-input
label="Birthday"
type="date"
defaultValue="2014-04-30"
placeholder="Please choose..."
>

<f7-list-input
label="Gender"
type="select"
defaultValue="Male"
placeholder="Please choose..."
>

<f7-list-input
label="Birthday"
type="date"
defaultValue="2014-04-30"
placeholder="Please choose..."
>

Thanks.