TooltipDialog: width too narrow on initial display

[Matej]

This is similar to Ticket #14770 (new defect).

The content in the TooltipDialog is bad rendered for first time.

CSS

    label {
        display: inline-block;
        width : 200px;
    }

DOJO

    <div data-dojo-type="dijit.form.DropDownButton">
      <span>Click here</span>
      <div data-dojo-type="dijit.TooltipDialog">
        Enter your name
        <form data-dojo-props="action : 'server.html'" data-dojo-type="dijit.form.Form" id="formID" method="post">
          
            <section>
              <label for="name">Name:</label>
              <input name="name" id="name" data-dojo-type="dijit.form.TextBox">
            </section>
            <section>
              <label for="surname">Surname:</label>
              <input name="surname" id="surname" data-dojo-type="dijit.form.TextBox">
            </section>
            <section>
              <label></label>
              <button type="submit" data-dojo-type="dijit.form.Button">
                Submit
              </button>
            </section>
          
        </form>
      </div>
    </div>

[bill]

For the future please attach test cases as a single HTML file attachment, thanks.

[bill]

test case

[bill]

See also #14267.

[dylan]

Given that no one has shown interest in creating a patch in the past 3+ years, I'm closing this as patchwelcome.