Opened 13 years ago

Closed 13 years ago

Last modified 13 years ago

#1023 closed defect (fixed)

Using two buttons, one hides on mouseOver event on other in IE

Reported by: mail@… Owned by: Neil Roberts
Priority: high Milestone: 0.9
Component: Widgets Version: 0.3
Keywords: buttons visibility hidden onMouseOver Cc:
Blocked By: Blocking:

Description

When using multiple buttons in IE 6.0 one of the buttons visibility changes to hidden when you mouseover on the other button. I have checked this in milestone release 0.3.1 and latest nightly release from 23rd of June 2006.

Html and css file to reproduce are below

Html:

<!DOCTYPE html PUBLIC "-W3CDTD XHTML 1.0 TransitionalEN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" > <html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Test Page</title> <link rel="stylesheet" type="text/css" href="./styles.css" /> <script type="text/javascript">

var djConfig = {isDebug: true, debugAtAllCosts: false};

</script> <script type="text/javascript" src="./javascript/dojo.js"></script> <script language="JavaScript?" type="text/javascript">

dojo.require("dojo.widget.FisheyeList?"); dojo.require("dojo.widget.ComboBox?"); dojo.require("dojo.widget.Button"); dojo.require("dojo.widget.ContentPane?"); dojo.require("dojo.widget.LayoutContainer?"); dojo.require("dojo.widget.Dialog");

dojo.hostenv.writeIncludes();

</script>

</head> <body>

<div class="outerbar">

<div class="projectControl">

<table border="0">

<tr>

<td><select name="j_id5" size="1"></select> </td> <td>

<script language="javascript" type="text/javascript">

var j_id8_dialog; dojo.addOnLoad(init_j_id8_dialog);

function init_j_id8_dialog(e){

j_id8_dialog = dojo.widget.byId('j_id8_dialog_content');

}

function j_id8_dialog_ok_pressed(){

j_id8_dialog.hide();

}

function j_id8_dialog_cancel_pressed(){

j_id8_dialog.hide();

}

</script> <button id="j_id8" dojoType="Button" onclick="javascript:j_id8_dialog.show()">Open</button> <div id="j_id8_dialog_content" dojoType="Dialog" bgColor="white" bgOpacity="0.5" toggle="fade" toggleDuration="250" style="visibility:hidden">

<table>

<tr>

<td>Dialog Content Goes Here</td>

</tr> <tr>

<td align="center">

<table>

<tr>

<td>

<button dojoType="Button" id="j_id8_ok" onclick="javascript:j_id8_dialog_ok_pressed()">Ok</button>

</td> <td>

<button dojoType="Button" id="j_id8_cancel" onclick="javascript:j_id8_dialog_cancel_pressed()">Cancel</button>

</td>

</tr>

</table>

</td>

</tr>

</table>

</div>

</td>

</tr>

</table>

</div>

</div>

<div class="page">

This is a page

</div>

</body>

</html>

Css (styles.css):

.dojoHtmlFisheyeListBar {

margin: 0 auto; text-align: center;

}

.outerbar {

background-color: white; text-align: center; position: absolute; left: 0px; top: 0px; width: 100%;

}

.dialogButtons {

text-align: center; border: 0px; background-color: red; margin-left: auto; margin-right: auto

}

body {

font-family: Arial, Helvetica, sans-serif; padding: 0; margin: 0;

}

.page {

padding: 60px 20px 20px 20px;

}

.projectControl {

float:right

}

.underline {

background-color: red; height:1px

}

.box {

display: block; float: right;

}

.box .dojoButton {

float: left; margin-left: 40px;

}

.dojoDialog {

background-image: url(images/gradient.gif); background-repeat: repeat-x; border : 1px solid #999; -moz-border-radius : 5px; padding : 4px;

}

.copyright {

color: red; font-size: small;

}

.footer {

text-align: center

}

form {

margin-bottom : 0;

}

Let me know if this is an actual bug, or if I'm doing something wrong?

Cheers Adam

Attachments (2)

DialogTest.html (2.9 KB) - added by mail@… 13 years ago.
The test html file
styles.css (1.1 KB) - added by mail@… 13 years ago.
The css file I'm using with it

Download all attachments as: .zip

Change History (8)

Changed 13 years ago by mail@…

Attachment: DialogTest.html added

The test html file

Changed 13 years ago by mail@…

Attachment: styles.css added

The css file I'm using with it

comment:1 Changed 13 years ago by dylan

Milestone: 0.5

comment:2 Changed 13 years ago by dylan

Owner: changed from anonymous to NeilRoberts

comment:3 Changed 13 years ago by bill

Owner: changed from NeilRoberts to Neil Roberts

Not sure why Dylan assigned this to Neil but anyway his bugdb alias is pottedmeat not NeilRoberts?

comment:4 Changed 13 years ago by bill

Resolution: fixed
Status: newclosed

Button has been completely redone for 0.9; I'm sure this isn't an issue anymore but please open a bug against Dijit 0.9 if you are still seeing button problems.

comment:5 in reply to:  4 Changed 13 years ago by guest

Replying to bill:

Button has been completely redone for 0.9; I'm sure this isn't an issue anymore but please open a bug against Dijit 0.9 if you are still seeing button problems.

It isn't a problem related to the button widget: I encountered the same issue with a TabContainer? in a Dialog.
Without tables all works fine; but with a table, if I move the mouse wheel the dialog content disappears. If a window resize occurs, the dialog content appears again.

Nicola Rizzo

comment:6 Changed 13 years ago by bill

Hmm, I'm not sure that Dialog disappearing on mouse wheel is the same problem as Button disappearing on mouse over... in any case can you provide a testcase against 0.9?

Note: See TracTickets for help on using tickets.