Put together a tabbed surface modal and using “display: none;”.
When I type in a TextInput field and click the Surface button component “tab” and come back, the value changes back to the original model value and wipes-out the text I entered(video example attached to gist).
Is there an alternate “hiding” method in html that won’t change the contents? Or might this be something else that is interacting with the TextInput value when I click that button?
I may be off base, but I think making the tabs buttons is the issue. When you click a button that sends an event to the server that you have to handle and then reload the changes. Since you do not update the application state on text entry before submitting, when the modal reloads it loses the input. You can make tabbed interfaces with just HTML + CSS using the radio button hack. I don’t have access to the source right now, but that’s how I put together this a few years ago: http://aedntrxnsv3.herokuapp.com
Good example of the radiobutton/checkbox hack for tabbed UI:
I think I’ll hold-off on the Tabs. It has a bulma dependency and since there is so much UI change going on WRT LiveView and Surface I’m going to wait and see if a solution presents itself in the short term.