#13846 closed defect (fixed)
Cannot edit dojox.mobile.TextBox when inside dojox.mobile.Heading
Reported by: | ebengtso | Owned by: | Eric Durocher |
---|---|---|---|
Priority: | high | Milestone: | 1.9 |
Component: | DojoX Mobile | Version: | 1.7.0b1 |
Keywords: | Cc: | ||
Blocked By: | Blocking: |
Description
dojox.mobile.TextBox? gets displayed in dojox.mobile.Heading, but I cannot edit or get focus on the textbox.
Here a snipted:
<h1 dojoType="dojox.mobile.Heading" label="header label"> <div style="float:left; margin-top:10px"> <input dojoType="dojox.mobile.TextBox?" selectOnClick="true" id="transactionNumber" placeHolder="Transaction Number"></input> </div> </h1>
Change History (11)
comment:1 Changed 11 years ago by
comment:2 Changed 11 years ago by
Thanks. Adding position:relative do the wrapping div fixed the issue.
comment:3 Changed 9 years ago by
Resolution: | → invalid |
---|---|
Status: | new → closed |
comment:4 Changed 9 years ago by
Why is this closed as invalid?
The proposed solution does not work on IE.
comment:5 Changed 9 years ago by
Resolution: | invalid |
---|---|
Status: | closed → reopened |
comment:6 Changed 9 years ago by
Owner: | changed from ykami to Eric Durocher |
---|---|
Status: | reopened → assigned |
Eric, please take a look. It is reproducible on IE.
comment:7 Changed 9 years ago by
Right, the Heading calls:
dom.setSelectable(this.domNode, false);
which, on IE, sets the "unselectable" attribute on all children, and makes the INPUT uneditable.
A workaround is to reset unselectable=off, for example:
require([ "dojo/ready", "dojo/dom", "dojo/dom-attr" ], function(ready, dom, domAttr){ ready(function(){ domAttr.set(dom.byId("transactionNumber"), "unselectable", "off"); }); });
comment:9 Changed 9 years ago by
Fixed in trunk (so 1.9), tell me if you need a backport to 1.8? Or is the workaround enough for you?
comment:10 Changed 9 years ago by
Milestone: | tbd → 1.9 |
---|
Could you try adding position:relative; to your wrapper div?