# Using Ember with fancybox modal dialogs

**URL:** <https://discuss.emberjs.com/t/using-ember-with-fancybox-modal-dialogs/6744>\
**Category:** Uncategorized\
**Created:** [November 19, 2014, 5:58pm UTC](https://discuss.emberjs.com/t/using-ember-with-fancybox-modal-dialogs/6744 "2014-11-19T17:58:39Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![jgadbois](https://sea1.discourse-cdn.com/flex019/user_avatar/discuss.emberjs.com/jgadbois/32/9854_2.png) [@jgadbois](https://discuss.emberjs.com/u/jgadbois)\
**Post date:** [November 19, 2014, 5:58pm UTC](https://discuss.emberjs.com/t/using-ember-with-fancybox-modal-dialogs/6744/1 "2014-11-19T17:58:40Z")

</div>

I’m upgrading an Ember app from 1.3 to 1.8 and `bind-attr` stopped working on fancybox modals. Here’s an example (notice the binding on the `<ul>`:

> **[JS Bin](http://emberjs.jsbin.com/fuhakezuga/2/edit?html,js,console,output)**
>
> A live pastebin for HTML, CSS & JavaScript and a range of processors, including SCSS, CoffeeScript, Jade and more...

My guess is that the modal manipulates the DOM in some way that causes Ember to lose the bindings. Any suggestions on how to handle modal initialization? I’m guessing there might be some way to render the template directly into the modal after it opens or something along those lines?