Skip to main content

Bug Tracker

Side navigation

#4509 closed bug (invalid)

Opened April 09, 2009 10:07AM UTC

Closed April 11, 2009 02:21PM UTC

Last modified March 13, 2012 05:06PM UTC

jQuery removing slash from self-closing tag

Reported by: Vic D'Elfant Owned by:
Priority: major Milestone: 1.4
Component: unfiled Version: 1.3.2
Keywords: Cc:
Blocked by: Blocking:

By accident, I found out that jQuery appears to be removing the closing slash from a self-closing XHTML tag when inserting this tag through .append(), .prepend() and other ways, which results in invalid XHTML which - on its turn - results in mangled markup.

The following code, for example:

$('body').append('<input type="hidden" name="test" value="test" />');

Results in the following:

<input name="test" value="test" type="hidden">

Whilst the expected output is:

<input name="test" value="test" type="hidden" />

Please see the attached file for a working POC.

Attachments (1)
  • jquery-bug-poc.htm (0.6 KB) - added by Vic D'Elfant April 09, 2009 10:08AM UTC.

    Proof of Concept

Change History (1)

Changed April 11, 2009 02:21PM UTC by dmethvin comment:1

resolution: → invalid
status: newclosed

Since this seems to work fine in Firefox3, I am going to assume you saw this in IE. Internet Explorer does not understand XHTML so it is treating your markup as HTML and trying to fix the invalid markup in the parser.

If it's happening on other browsers that do support XHTML, be sure that you're serving the page as application/xml+xhtml.