ViraInput with fitText: true not updating dynamically.

[wadlo]

Is it intended that ViraInput with fitText: true doesn't update dynamically? If I change the value of the input, then leave the screen and re-enter, it does update, but not while typing in the input field or after clicking out.

Code:

<${ViraInput}
      ${assign(ViraInput, {value: inputs.habit?.getTrigger() ?? "Unknown", fitText: true})}
      ${listen(ViraInput.events.valueChange, (newVal)=>{inputs.habit?.setTrigger(newVal.detail)})}>
</${ViraInput}>

[wadlo]

Nevermind, this was an issue with not updating the internal state.

[wadlo]

Reopening this to propose new behavior. Right now the ViraInput only updates its size if fixedText: true is set and an updateState is called. I'd expect updateState not be required for it to update width. In fact, I'd expect just

<${ViraInput}
   ${assign(ViraInput, {value: "initialText", fitText: true})}
</${ViraInput}>

to automatically update size when the input is changed. Or if that's not possible, at least

<${ViraInput}
   ${assign(ViraInput, {value: inputs.habit?.getTrigger() ?? "Unknown", fitText: true})}
   ${listen(ViraInput.events.valueChange, (newVal)=>{inputs.habit?.setTrigger(newVal.detail);>
</${ViraInput}>

should work.

[electrovir]

I'm not sure what getTrigger is doing, but the input to these elements should always be a state variable that gets updated with updateState. Thus, nothing is going to change unless it's changed with updateState.

The architecture is like this:

• parent element stores, inside of its state, values obtained from child elements because it needs to use them
• parent element assigns these state variables to the children (each element does not store a copy of its given inputs)
• parent elements must update their own state to update these values passed into their children

[wadlo]

So to make sure I understand,

parent - passes "input" to child. child - child uses "input" and returns "output". parent - receives the "output" from child parent - callse updateState based no the "output" to update "input".

[electrovir]

parent - passes "input" to child. child - child uses "input" and returns "output". parent - receives the "output" from child parent - callse updateState based no the "output" to update "input".

Correct.

My only addition would be that the child will only return "output" (through events) if the input it received needs to change.

[electrovir]

I think this is resolved, as there's no actual issue here, it boils down to a data flow question.