# Rendering mixed dynamic/static content getting squished

**URL:** <https://discuss.emberjs.com/t/rendering-mixed-dynamic-static-content-getting-squished/7192>\
**Category:** Uncategorized\
**Created:** [January 29, 2015, 11:50pm UTC](https://discuss.emberjs.com/t/rendering-mixed-dynamic-static-content-getting-squished/7192 "2015-01-29T23:50:52Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![soulcutter](https://sea1.discourse-cdn.com/flex019/user_avatar/discuss.emberjs.com/soulcutter/32/10228_2.png) [@soulcutter](https://discuss.emberjs.com/u/soulcutter)\
**Post date:** [January 29, 2015, 11:50pm UTC](https://discuss.emberjs.com/t/rendering-mixed-dynamic-static-content-getting-squished/7192/1 "2015-01-29T23:50:52Z")

</div>

Recently I noticed when templates render with a handlebar-evaluated variable next to static content, they get squished together as though there was no whitespace between them, even thought there in fact IS in the template.

Example [image and code](http://imgur.com/QXZJjLu)

The Chrome inspector shows the following inside the h1 tags:

`
"Bradley Schaefer"
"Login Details"
`

(some) Dependency versions:

```
✗ ember -v
version: 0.1.11
node: 0.10.33
npm: 2.1.8

"ember": "1.8.1",                      
"ember-data": "1.0.0-beta.12",
"ember-resolver": "~0.1.11",
```

Is this a browser bug? Is there some library version I should check/update? Is this expected behavior?

EDIT: totally unsure if this is the right forum - if SO or Github Issues is a better place, just let me know.

---

<div class="post-metadata">

**Author:** ![soulcutter](https://sea1.discourse-cdn.com/flex019/user_avatar/discuss.emberjs.com/soulcutter/32/10228_2.png) [@soulcutter](https://discuss.emberjs.com/u/soulcutter)\
**Post date:** [January 30, 2015, 12:41am UTC](https://discuss.emberjs.com/t/rendering-mixed-dynamic-static-content-getting-squished/7192/2 "2015-01-30T00:41:36Z")

</div>

An unsatisfying workaround is to put your handlebar helper on one line and your static text on another

`
{{person.fullName}}
`

`Login Details
`

will have a space between them once the template is rendered.

`
{{person.fullName}} Login Details
`

Will inexplicably NOT have a space between the name and the text. Go figure.

---

<div class="post-metadata">

**Author:** ![rwjblue](https://sea1.discourse-cdn.com/flex019/user_avatar/discuss.emberjs.com/rwjblue/32/9411_2.png) [@rwjblue](https://discuss.emberjs.com/u/rwjblue)\
**Post date:** [January 30, 2015, 2:22am UTC](https://discuss.emberjs.com/t/rendering-mixed-dynamic-static-content-getting-squished/7192/3 "2015-01-30T02:22:58Z")

</div>

Yes, this is a browser bug. @mixonic tracked it down and reported it to the Chrome team a little while back. Sorry that I cannot recall the issue number though…

---

<div class="post-metadata">

**Author:** ![mixonic](https://sea1.discourse-cdn.com/flex019/user_avatar/discuss.emberjs.com/mixonic/32/14829_2.png) [@mixonic](https://discuss.emberjs.com/u/mixonic)\
**Post date:** [January 30, 2015, 3:04am UTC](https://discuss.emberjs.com/t/rendering-mixed-dynamic-static-content-getting-squished/7192/4 "2015-01-30T03:04:25Z")

</div>

This is indeed a Chrome bug.

- Chrome issue: [428313 - chromium - An open-source project to help move the web forward. - Monorail](https://code.google.com/p/chromium/issues/detail?id=428313)
- Ember issue: [https://github.com/emberjs/ember.js/issues/9346](https://github.com/emberjs/ember.js/issues/9346)

We have a plan to mitigate the problem by using less blank text nodes (and more comment nodes), hopefully in 1.11 but maybe in 1.12.

---

<div class="post-metadata">

**Author:** ![soulcutter](https://sea1.discourse-cdn.com/flex019/user_avatar/discuss.emberjs.com/soulcutter/32/10228_2.png) [@soulcutter](https://discuss.emberjs.com/u/soulcutter)\
**Post date:** [January 30, 2015, 2:03pm UTC](https://discuss.emberjs.com/t/rendering-mixed-dynamic-static-content-getting-squished/7192/5 "2015-01-30T14:03:26Z")

</div>

I appreciate the thorough response, and consider the issue closed on my end. Glad to hear that everyone is on top of it!