Opened 13 years ago

Closed 13 years ago

#2300 closed defect (fixed)

Tree has scrollbars inside of Dialog

Reported by: sean.comerford@… Owned by: koranteng
Priority: high Milestone: 0.9
Component: Widgets Version: 0.4.1
Keywords: Cc:
Blocked By: Blocking:

Description

if you put a tree inside of a dialog in IE 7, even if the tree has 0 nodes, the tree ALWAYS appears with vertical and horizontal scrollbars.

The HTML for a test page is shown below. This seems to work fine in Firefox and Safari.

Am I missing something or is this a Dojo bug? Anyone see a workaround? Must be some sort of style I can apply directly to the tree div (?).

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

<html> <head>

<title>Test</title>

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

<script type="text/javascript">

dojo.require("dojo.lang.*"); dojo.require("dojo.widget.Tree"); dojo.require("dojo.widget.TreeRPCController"); dojo.require("dojo.widget.TreeSelector?"); dojo.require("dojo.widget.TreeNode?"); dojo.require("dojo.widget.TreeContextMenu?"); dojo.require("dojo.widget.Dialog"); dojo.require("dojo.lfx.*");

</script>

<style type="text/css">

.dojoDialog {

background : #fff; border : 1px solid #999; -moz-border-radius : 5px; padding : 4px;

}

</style>

</head> <body> <form id="testForm">

<input type="submit" onclick="test(); return false;"; value="Test" />

</form>

<div dojoType="dialog" id="resultsDialog" bgColor="black" bgOpacity="0.3"

toggle="fade" toggleDuration="250">

<div style="background: white">

<div id="resultsMsgDiv"></div> <div dojoType="Tree" widgetId="resultsTree">

<div dojoType="TreeNode?" title="Node 1" widgetId="node1"

isFolder="true">

<div dojoType="TreeNode?" title="Node 1a"

widgetId="node1a"></div>

<div dojoType="TreeNode?" title="Node 1b"

widgetId="node1b"></div>

<div dojoType="TreeNode?" title="Node 1c"

widgetId="node1c"></div>

</div> <div dojoType="TreeNode?" title="Node 2" widgetId="node2"

isFolder="true">

<div dojoType="TreeNode?" title="Node 2a"

widgetId="node2a"></div>

<div dojoType="TreeNode?" title="Node 2b"

widgetId="node2b"></div>

<div dojoType="TreeNode?" title="Node 2c"

widgetId="node2c"></div>

</div>

</div> <br /> <center><input type="button" id="okButton" value="OK"></center>

</div>

</div>

<script type="text/javascript">

function test() {

document.getElementById("resultsMsgDiv").innerHTML =

"This is some results msg";

var dialog = dojo.widget.byId("resultsDialog");

dialog.setCloseControl(document.getElementById("okButton"));

dialog.show();

}

</script>

</body> </html>

Change History (3)

comment:1 Changed 13 years ago by dylan

Milestone: 0.9

comment:2 Changed 13 years ago by koranteng

Owner: changed from bill to koranteng

comment:3 Changed 13 years ago by koranteng

Resolution: fixed
Status: newclosed

This was indirectly fixed as part of the work on #757.

Note: See TracTickets for help on using tickets.