Update input field dynamically from another one

[thejezzi]

Hi there :)

I am trying to build a simple form with huh and my goal is to update a second input field from a first one but I don't really get how to do it or if it is possible at all.
Let's say I have the following code:

	second := huh.NewInput().
		Title("second").
		Value(secondValue).
		Description("the second one")
	form := huh.NewForm(
		huh.NewGroup(
			huh.NewInput().
				Title("first").
				Value(firstValue).
				Description("This is the first input that should set the second one").
			second,
		),
	)

Is there any way to update the second one dynamically?

[jonas-grgt]

I had a similar issue and I solved it using bubbletea + state.

In your case I think something similar would work.
In the Update you could introspected the firstValue and based on that I set the secondValue to something. The downside is that this requires to recreate to form again the consequence of that is that your cursor will return back to the first field. I solved this by manually moving the cursor to the right position using the NextField function.

It works but it is very clunky and error prone.

Hope this makes sense.

[thejezzi]

Thanks! You were absolutely right, using bubbletea made everything easier. I used the example with multiple text inputs and focused both of them on the initial model intialization and it worked exactly as I wanted it! It looks even better when hiding the cursor unless the second input is focused for the first time 😊

func initialModel() model {
	m := model{
		inputs: make([]textinput.Model, 2),
	}

	var t textinput.Model
	for i := range m.inputs {
		t = textinput.New()
		t.Cursor.Style = cursorStyle
		t.CharLimit = 256

		switch i {
		case 0:
			t.Placeholder = "first"
			t.Focus()
			t.PromptStyle = focusedStyle
			t.TextStyle = focusedStyle
		case 1:
			t.Placeholder = "second"
			t.Focus()
			t.Cursor.SetMode(cursor.CursorHide)
			t.CharLimit = 256
		}

		m.inputs[i] = t
	}

	return m
}