You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Describe the bug
When conditionally rendering a textarea component using tsx templates it first emits the character typed followed by the value false
To Reproduce
Steps to reproduce the behavior:
Given a component like this:
importtype{VNode}from"vue";import{Component,Vue}from"vue-property-decorator";consttypeOptions=[{value: "text",label: "Text"},{value: "select",label: "Dropdown"}];
@ComponentexportclassMyFormextendsVue{privatevalues: any={};publicrender(): VNode{return(<formulate-formv-model={this.values}><formulate-inputname="type"label="Type"type="select"options={typeOptions}validation="required"/>{this.values?.type==="select"&&(<formulate-inputname="selectOptions"label="Options"type="textarea"help="Enter a new line for each option"onInput={this.onOptionsInput}validation="required"/>)}</formulate-form>);}privateonOptionsInput(value){console.log("options: ",value);}}
Select the select/dropdown type
Type something in the newly shown options text area
Expected behavior
It should show the value you typed in the textarea
It should only log once for each key press and it should log only what was typed
Actual behaviour
It logs twice:
the key initially pressed
the value false
Screenshots
Device information:
Device: Laptop
OS: Windows 11
Browser Chrome
Version 107.0.5304.107
Notes:
I tried reproducing this in the code sandbox but was unable to so have assumed this is only reproducible in tsx rather than more traditional SFC.
In my own code I have removed and added the conditional statement wrapping the component to verify this is part of the problem
I tried adding the keep-model-data prop to the input but this did not resolve the issue
The text was updated successfully, but these errors were encountered:
@justin-schroeder sorry for the bump but there seems to be a number of issues on this repo without any response/acknowledgement.
I know you guys are all in on FormKit which looks awesome, but I'm blocked from upgrading to Vue 3 currently due to a number of other dependencies not supporting it.
Describe the bug
When conditionally rendering a textarea component using tsx templates it first emits the character typed followed by the value
false
To Reproduce
Steps to reproduce the behavior:
Given a component like this:
Expected behavior
It should show the value you typed in the textarea
It should only log once for each key press and it should log only what was typed
Actual behaviour
It logs twice:
Screenshots
Device information:
Notes:
keep-model-data
prop to the input but this did not resolve the issueThe text was updated successfully, but these errors were encountered: