Opened 13 years ago

Closed 13 years ago

#1457 closed defect (fixed)

Button sizing fails with CSS selectors of size > 2

Reported by: unit3@… Owned by: Douglas Hays
Priority: high Milestone: 0.9
Component: Widgets Version: 0.3
Keywords: Cc:
Blocked By: Blocking:

Description

The Button widget dynamic sizing fails in Firefox 1.5 and IE 6 when the enclosing content is styled using CSS selectors that have more than 2 items in the selector, such as "div.name1 .dojoButton div".

Example demonstrating working and nonworking cases is here:

<html>
<head>
	<title> test page! </title>
	<script type="text/javascript" src="js/dojo.js"></script>
	<script type="text/javascript">
		dojo.require("dojo.widget.*");
		dojo.require("dojo.widget.Button");
		dojo.require("dojo.widget.Manager");
	</script>
	<style>

// note that .dojoButton div also works, but then the case below doesn't fail
div.test {
  font-size: x-large;
}
div.tabbar .dojoButton div {
  font-size: x-large;
}
	</style>

</head>
<body>
<div class="navbar">
	<div class="tabbar">
		<button dojoType="Button"><div class="test">Works</div></button>
		<button dojoType="Button"><div>Doesn't work.</div></button>
		<button dojoType="Button"><div>Doesn't work.</div></button>
		<button dojoType="Button"><div>Doesn't work.</div></button>
		<button dojoType="Button"><div class="test">Works</div></button>
	</div>
</div>
</body>
</html>

Change History (3)

comment:1 Changed 13 years ago by dylan

Component: GeneralWidgets
Milestone: 0.5
Owner: changed from anonymous to bill
Version: 0.20.3

comment:2 Changed 13 years ago by Douglas Hays

Owner: changed from bill to Douglas Hays

comment:3 Changed 13 years ago by Douglas Hays

Resolution: fixed
Status: newclosed

Button was revamped for 0.9 - seems to work now.

Note: See TracTickets for help on using tickets.