New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Template creates unwished "\n" Nodes #42

Open
Kokuswolf opened this Issue Dec 21, 2011 · 1 comment

Comments

Projects
None yet
2 participants
@Kokuswolf

Kokuswolf commented Dec 21, 2011

As I take time to use this nice js-template engine instead of create Elements on my self with jQuery, I found some strange behavior. Lets say, this is the template:

<div data-template>
 <ul>
  <li>{{foo}}</li>
  <li>{{bar}}</li>
  <li>{{baz}}</li>
 </ul>
</div>

I can't explain why, but if a Browser renders this directly in HTML everthing is fine. If its rendered with Tempo, some space is generated between each element. If the CSS-Rules "float:left" or "display:inline-block" is used on these "li"s, the space become visible - but only if rendered with Tempo.

I tried the Development-Tools in Chrome, Dragonfly in Opera and Firebug in Firefox to figure out why, but the Dom-tree seems to be the same, the visible result not. After I tried this, the space disappears:

<div data-template>
 <ul>
  <li>{{foo}}</li><li>{{bar}}</li><li>{{baz}}</li>
 </ul>
</div>

My conclusion is, that the generated "\n"-Nodes after each Element produces this strange space. It's difficult to explain this with my broken english, but i tried. It would be loveful to see you hunting this bug. I slowly become a Fan of you engine. :)

@ghost ghost assigned mrolafsson Jan 3, 2013

@mrolafsson

This comment has been minimized.

Contributor

mrolafsson commented Jan 3, 2013

Sorry for the late reply!!! I will have a look at this!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment