dijit.InlineEditBox is great, but if you have two stacked on each other in containers with undefined heights, things can get a little buggy for a user. Example:
The problem is that if you open up id=”one” first, the page height expands two rows to make a textarea, so when you click on id=”two”, the page re renders and doesn’t open “two”! (This will work going from “two” to “one” since the top part of the page won’t change.)
If you watch the focus and blur events you’d see the following from “two” to “one”:
… click one
… two closes
… one opens
If you watch the focus and blur events you’d see the following from “one” to “two”:
… click two
… one closes
…. NOTHING …..
Basically for some reason it doesn’t open. So to fix this, just implicitly call edit() during onFocus.
this.edit(); // Force (technically it may get called twice now, oh well.)