Creating dijit.form.Button programmatically removes trailing elements

[coldfire22x]

Version 1.2.0b2

When creating a dijit.form.Button programmatically with the following markup, it removes all trailing elements from the DOM:

    dojo.addOnLoad(function(){
        var button = new dijit.form.Button({ label: "Click me!" }, "buttonNode");
    });

    ...

    <button id="buttonNode" />
    <div>Where'd I go?</div>

It does work with the following markup.

    <button id="buttonNode"></button>
    <div>Oh here I am</div>

[bill]

Unfortunately this is a user error. HTML is not XML; specifically <button/> is invalid HTML. It's interpreted the same as <button>.

So this is invalid / wontfix.

[coldfire22x]

While not valid HTML, it is valid XHTML.

Perhaps the example located at ​https://docs.dojocampus.org/dijit/form/Button should be updated to indicate that it is not compatible using XHTML rules?

[bill]

I've just updated the button example to be standard HTML to avoid any confusion.