Opened 15 years ago

Closed 15 years ago

#2300 closed defect (fixed)

Tree has scrollbars inside of Dialog

Reported by: [email protected] Owned by: koranteng
Priority: high Milestone: 0.9
Component: Widgets Version: 0.4.1
Keywords: Cc:
Blocked By: Blocking:


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" "">

<html> <head>


<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.*");


<style type="text/css">

.dojoDialog {

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



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

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


<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"


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


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


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


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


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


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


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



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



<script type="text/javascript">

function test() {

document.getElementById("resultsMsgDiv").innerHTML =

"This is some results msg";

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




</body> </html>

Change History (3)

comment:1 Changed 15 years ago by dylan

Milestone: 0.9

comment:2 Changed 15 years ago by koranteng

Owner: changed from bill to koranteng

comment:3 Changed 15 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.