Comments (3)
"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 here
It 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.
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.
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.