question: initializing rendered HTML nodes via javascript

[soypat]

question: initializing rendered HTML nodes via javascript

[slimsag]

I don't know anything about Material Design, but there are some others who have used it with Vecty in the past:

• https://github.com/vecty-components/material
• https://gitlab.com/agamigo/material
• https://github.com/wizenerd/ui

You should make certain that any DOM elements the material design library will attempt to modify on its own are isolated, i.e. using a vecty.Div with vecty.UnsafeHTML so that it is treated as an opaque element not owned by Vecty. See code example and further discussion around this in #236 (comment)

The other things you may wish to look at are the Mounter, Unmounter, and RenderSkipper interfaces:

• https://pkg.go.dev/github.com/hexops/vecty#Mounter
• https://pkg.go.dev/github.com/hexops/vecty#Unmounter
• https://pkg.go.dev/github.com/hexops/vecty#RenderSkipper

Hope that helps!

[soypat]

I think Material Design expects the user to also hold onto the javascript handle to the component so as to have feedback to user inputs i.e. Current level of the slider.

[soypat]

@slimsag Thank you so much! I'll look into it!

[soypat]

@slimsag sure enough Mount and RenderSkip worked like a charm. HAve not gotten around to using Unmount() yet, but if it works like I think it does and given Material.js has destroyer methods, should work just fine. Thank you again for your amazing explanations and for maintaining this great package 👍

For posterity, here's the fix I applied: soypat/mdc@ea67825. Look for the Mount() and RenderSkip() implementations on Slider and Tooltip types.