Ticket #5424 (new defect)
page refresh erases input values (dijit.form.FilteringSelect)
| Reported by: | ksmeltzer@… | Owned by: | |
|---|---|---|---|
| Priority: | normal | Milestone: | 2.0 |
| Component: | Dijit | Version: | 1.0 |
| Severity: | normal | Keywords: | FilteringSelect overwriting input |
| Cc: |
Description (last modified by bill) (diff)
When adding a dijit.form.FilteringSelect? to a page if there is an HTML input after the Filtering select it will overwrite the value of the input if the page is refreshed. Any input above the control will be fine but the value of the input directly after the Filtering select will be overwritten. Further after some debugging I have found that if you give the FilteringSelect? control a name value e.g. name="fselect" it will stop overwriting the input's value with the selected value and just blank out the input's value. This only seems to be an issue in firefox. As well both FilteringSelect? and ComboBox? do not default back to the selected value after refresh in both IE 7 and firefox 2. To reporduce the issue, use the HTML below, populate the inputs with test, select an option in the FilteringSelect? and refresh the page with the browser refresh; you should see that the bottom input has the value of the selected item.
Browser: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.8.1.11) Gecko/20071127 Firefox/2.0.0.11
HTML to reproduce issue:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<style type="text/css">
@import "http://o.aolcdn.com/dojo/1.0.2/dojo/resources/dojo.css";
@import "http://o.aolcdn.com/dojo/1.0.2/dijit/themes/tundra/tundra.css";
</style>
</head>
<body class="tundra">
<script type="text/javascript" src="http://o.aolcdn.com/dojo/1.0.2/dojo/dojo.xd.js.uncompressed.js"></script>
<script type="text/javascript">
djConfig = {
parseOnLoad: true,
isDebug: false,
usePlainJson: true
};
dojo.require("dijit.form.FilteringSelect");
dojo.require("dojo.parser");
</script>
<input maxlength= "30" size= "30" id= "atextboxbefore">
<br>
<select id="aselectbox" dojotype= "dijit.form.FilteringSelect" autocomplete= "true">
<option value="a">a</option>
<option value="b">b</option>
</select>
<br>
<input maxlength= "30" size= "30" id="atextboxafter">
</body>
</html>
