Comments (4)
This should be fixed now in alpha.2!
from arrow-js.
Youre not doing anything wrong — this should work, but I get why it doesn't. When the template is initially parsed it parses it with replacements for the sub-templates, meaning it has malformed html so it tries to "fix" it (the wayrowsers do) — and then when Arrow performs the dynamic binding the structure is out of wack.
Interesting problem....very much part of the "experimental" nature of this tool. So the crux of this issue is how can we get a proper "parse" from something like:
<table>
<thead>
🎉
🎉
</thead>
</table>
Obviously if the template parser was context aware it could use <tr>
or similar, but it would be nice to not be context aware for size/performance reasons.
from arrow-js.
So — probably talking to an echo chamber of my own thoughts here — but it strikes me that if our placeholder tokens were comments they would not be shifted in position.
from arrow-js.
Nice, I had a similar issue and this fixed it!
But I think it broke the click handlers #25
from arrow-js.
Related Issues (20)
- XSS issue for user generated content HOT 2
- w: not printing all outputs? HOT 4
- Can arrow js be used along with a react component / function? HOT 1
- Т HOT 1
- Keyed lists causing re-render HOT 3
- Click handlers not working anymore HOT 4
- Wrong number of elements in benchmark arrow vs vue HOT 1
- Types don't work in Deno HOT 1
- 🐛 Bug with two-way databinding HOT 5
- Allow arbitrary access to HTML element IDL attributes HOT 8
- Mutating reactive data inside a watcher does not re-render
- Empty tagged template strings seem to break reactivity HOT 4
- HTML boolean attributes break dynamic expressions HOT 3
- Syntax Highlighting for HTML template literals HOT 4
- Include HTMLElement in conditionally rendered template. HOT 1
- Incorrect rendering for Reactive on array item HOT 1
- Static string cleared from attribute HOT 1
- SSR
- Hydration HOT 5
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 arrow-js.