Comments (3)
gbj
commented on May 21, 2024
"Just doing the Lord's work" 🤣
Leptos already constructs a <template> for every view macro and then clones when you need the actual DOM nodes. So what your TemplateComponent is doing is basically:
let template = document.create_element("template");
template.set_inner_html("<template>Just doing the Lord's work.</template>");
let root = template.clone_node_with_deep(true);
let el1 = root.first_child().unwrap_throw(); // panics hereIt panics because it's trying to iterate over the child nodes and a template element doesn't have child nodes; they live in a document fragment in its .content field.
I guess the view macro could detect the special case of a <template> and act accordingly, but... I'm not sure you ever need to explicitly use a <template> while using Leptos anyway. I'd be curious to hear the use case, if you are!
from leptos.
jquesada2016
commented on May 21, 2024
Sure! The reason I am using a <template /> is to interface with the tippy.js JavaScript library in order to create a menu. It's not needed, I just switched to using a <div />, which works just as well. It's just more semantically correct to use a <template />, as that's exactly what it is.
from leptos.
gbj
commented on May 21, 2024
This should now be possible in d4da7e0. The example I used to test it is is pretty cool and shows exactly what a thin layer over the DOM Leptos is providing. You can basically take an HtmlTemplateElement returned by view!(), clone its contents, and take the DocumentFragment that gives you and stick it straight into another view!() macro as a child. Super fun.
from leptos.
Related Issues (20)
- DynChild is populated as a single Child in the components' children property HOT 4
- Breaking change in view macro between 0.6.10 and 0.6.11
- Allow custom derive for server_fns with custom encoding HOT 3
- Add Trigger::dispose
- leptos_macro 0.6.11 leptos::view! breaks with some comments
- Non-'static signals
- the format!() bug in <a href={format!()}> HOT 2
- Effects/Memos should't be able to "own" a signal HOT 4
- Nested Suspense ignores SSR Mode and breaks Hydration HOT 2
- Error when running server function inside spawn_local HOT 5
- Click events are registered twice when two leptos custom elements are on a page HOT 3
- about mobile support
- Recursive effects never run after recursing HOT 2
- Clippy warnings in some components with rust 1.78 HOT 1
- rkyv, avoid the copy to byte ? HOT 4
- Check ActionForm input names at compile time HOT 4
- Allow server components in islands architecture to call code behind ssr without need for #[server] HOT 1
- porting over some react code to my project, having hydration issues
- leptos_router parent Route attr view is not generating view for dynamic routes HOT 4
- relese build causes SIGSEGV and SIGBUS while dev build is just fine HOT 3
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from leptos.