Opened 13 years ago

Closed 13 years ago

Last modified 12 years ago

#799 closed defect (fixed)

Button is not rendering properly in FF until after window resize

Reported by: bill Owned by: bill
Priority: high Milestone:
Component: Widgets Version: 0.3
Keywords: Cc:
Blocked By: Blocking:

Description

(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

Attachments (1)

button.html (2.3 KB) - added by bill 13 years ago.
modified version of testcase from dojo-interest (http://forums.opensymphony.com/thread.jspa?threadID=32314&messageID=62580#62580)

Download all attachments as: .zip

Change History (5)

comment:1 Changed 13 years ago by 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.

comment:2 Changed 13 years ago by 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.

Changed 13 years ago by bill

Attachment: button.html added

comment:3 Changed 13 years ago by bill

Resolution: fixed
Status: newclosed

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

comment:4 Changed 12 years ago by (none)

Milestone: 0.3.1

Milestone 0.3.1 deleted

Note: See TracTickets for help on using tickets.