Kino.Input.text resulting in [object HTMLInputElement]

Questions / Help
, ,
1

Hello

I am in the process of learning elixir and have started with Livebook for data analysis. It’s been working brilliantly so I’m eager to do some more advanced (from my low level) :wink: stuff.

When I test with

name = Kino.Input.text("Your name")

and now we can greet the user back:

IO.puts("Hello, #{Kino.Input.read(name)}!")

As a result I get the following:
Hello, [object HTMLInputElement]!

I’m using the sample Livebook that comes with the v0.9.2 install:
01 Exploring built-in Kinos

2

Hi @10gbrand one of the best things about livebook is that it makes it easy to share stuff. Can you make a gist / pastebin / whatever of your complete livebook that demonstrates this behavior?

3

Exploring built-in Kinos

Mix.install([
  {:kino, "~> 0.9.1"}
])

Introduction

Throughout the Learning section, we have used Kino several times.
Sometimes we use built-in Kinos, such as using Kino.Control and
Kino.Frame to deploy applications,
other times we used custom Kinos tailored for
data exploration or
plotting.

In this notebook, we will explore several of the built-in Kinos.
kino is already listed as a dependency, so let’s get started.

Kino.Input

The Kino.Input
module contains the most common kinos you will use. They are
used to define inputs in one cell, which you can read in a
future cell:

name = Kino.Input.text("Your name")

and now we can greet the user back:

IO.puts("Hello, #{Kino.Input.read(name)}!")
4

Hey, thanks for the report, it appears to be a LV bug (Invalid value reported for inputs with `name="value"` · Issue #2680 · phoenixframework/phoenix_live_view · GitHub). Fortunately it only affects Livebook main and I’ve just applied a workaround in Use different html name for output inputs by jonatanklosko · Pull Request #1970 · livebook-dev/livebook · GitHub : )

1 Like
5

Now I’m impressed, already a fix in progress. This makes me even more convinced that I made the right choice to start learning elixir!!

1 Like
6

Now I have downloaded
image: Package livebook · GitHub
and now it works perfectly!

Thanks for the incredibly quick action!

1 Like