Comments (8)
dleeftink
Sep 23, 2021That works perfectly, but now I am wondering how to set cell_b value/options when changing it to an Inputs.select? I can't seem to make it work.
Sep 23, 2021
I am thinking sort of like a dependent dropdown, where the dropdown list ui is updated asynchronously in another cell.
Tom Larkworthy
Sep 23, 2021yeah the issue is the select options are not mutable variables you can back write into. The problem is the degrees of freedom of select rather than wiring. You are the 2nd person to ask me this! I have one prototyped, let me find it....
Sep 23, 2021
ok PTAL mutable selection underneath in cell_c
dleeftink
Sep 23, 2021Thanks Tom, really appreciate it. This is where I got so far, will try to update with your latest example: https://observablehq.com/@dleeftink/dependent-dropdown
Tom Larkworthy
Sep 23, 2021hey that notebook is awesome. If you heart your own notebook you will have two votes and it will go on trending, I think it should because its a common problem.
dleeftink
Sep 23, 2021Nice one, didn't know that! Seems its on the front now.
Re: the mutableSelection helper, compared to the native Inputs.selection it loses focus after selecting a new item. E.g. I cannot navigate through the option list using using up/down keypresses. I can try and add an event listener, but was wondering why the events from the Input.select are not bubbling upwards?
Tom Larkworthy
Sep 23, 2021yeah, as I said, it was a prototype. I guess the events are being swallowed somewhere. I am not going to debug as I want to generalize this approach of reactifying static config. It might make more sense to use reconcile to update the DOM instead of viewroutines stratergy of pruning the DOM and replacing.