derby misinterprets closing tag / as part of the attribute a.k.a Derby doesn't preserve closing '/' of a self closed node.

[juzerali]

I have got a video at /public/uploads/1/video.mp4

model.get('_model.video') //=> /uploads/1/video.mp4

View

{#if _model.video}
    <video controls="controls" width="640" height="480">
      <source src={{_model.video}}/>
      Your browser does not support HTML5
    </video>
  {/} 

What is rendered:

<video controls="controls" width="640" height="480">
    <source id="$c" src="/uploads/video.mp4/">
    Your browser does not support HTML5
</video>

The '/' that is supposed to end the source tag is actually appended to url.

Workaround

Instead of <source src={{_model.video}}/>doing <source src={{_model.video}}></source> works fine.

[lefnire]

surround it in quotes? <source src="{{_model.video}}"/>

[juzerali]

I tried that. It wipes out / completely. Results in an unclosed DOM node. See the failng test in upcoming pull request.

[switz]

Did you try just removing the trailing slash on the source element? It still validates as HTML5 - http://d.saew.it/jXaD

On Monday, November 26, 2012 at 2:26 PM, Juzer Ali wrote:

I tried that. It wipes out / completely. Results in an unclosed DOM node. See the failng test in upcoming pull request.

—
Reply to this email directly or view it on GitHub (#173 (comment)).

[switz]

Oh sorry, missed the "workaround".

On Monday, November 26, 2012 at 2:26 PM, Juzer Ali wrote:

I tried that. It wipes out / completely. Results in an unclosed DOM node. See the failng test in upcoming pull request.

—
Reply to this email directly or view it on GitHub (#173 (comment)).

[juzerali]

Can this be termed as a bug? I am currently trying to fix it by changing derbyjs source code.