#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)
Change History (5)
comment:1 Changed 15 years ago by
comment:2 Changed 15 years ago by
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 15 years ago by
Attachment: | button.html added |
---|
modified version of testcase from dojo-interest (http://forums.opensymphony.com/thread.jspa?threadID=32314&messageID=62580#62580)
comment:3 Changed 15 years ago by
Resolution: | → fixed |
---|---|
Status: | new → closed |
OK, I think I've fixed this in [4186]. Please verify the fix is working for you.
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;">
</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.