Button is not rendering properly in FF until after window resize

[bill]

(from dojo-interest)

I've got code such as: <div class="nav"> <button dojoType="MyCustomButton?">Home</button> <button dojoType="MyCustomButton?">Search</button> <button dojoType="MyCustomButton?">Documentation</button> </div>

And CSS like:

.nav{

float:left;

}

In Firefox 1 and Mozilla 1.6, The buttons are not the correct size when initially rendered. But, if you resize the browser window (in this case 3 times), the buttons eventually get adjusted to the proper size. This behavior is not present in IE.

The demo does not do this which makes me think that I am doing something wrong. I just can't figure out what.

JR

[grant@…]

I am having the same issue. It seems it happens when I have two floating panes next to each other in a page, have a display:none on each div and then enable the divs later. I have also found it takes resizing Firefox 3x before the buttons appear correctly.

<div id="topToolButtons" style="display:none;">

<table>

<tr>

<td>

<div align="center"><button dojoType="Button" name="saveContinueButton"

onclick="javascript:submitClassifiedMetadata();" id="saveContinueButton">

<img src="/classifieds-web/image/arrow_refresh.png">&nbsp;&nbsp;Save and Continue</button></div>

</td>

</tr>

</table>

</div>

I have in another parent div that floats the portion of the screen to the left and another div after that which floats the other half of the screen to the right.

[grant@…]

I just confirmed if I remove the style="display:none;" from "<div id="topToolButtons" style="display:none;">" on the containing div tag, the buttons appear normally without resizing.

[bill]

modified version of testcase from dojo-interest (​http://forums.opensymphony.com/thread.jspa?threadID=32314&messageID=62580#62580)

[bill]

OK, I think I've fixed this in [4186]. Please verify the fix is working for you.

[(none)]

Milestone 0.3.1 deleted