Question

The code below has a link to cause a post back (asynchronous or not) followed by div with a top-padding of 5000 🙂 – and the new HtmlEditorExtender control found in the Ajax Control Toolkit (4.1.51116).

The Problem:

Clicking the link at the top of the page, causes the HtmlEditorExtender to steal the focus, scrolling all the way down to the bottom.

The Question:

Does anyone know if this is a known bug?
Can anyone think of a work around?

I can’t even think how to ever use this control on a page with any other controls that cause postbacks!

The Code:

    <div>
        <asp:UpdatePanel runat="server">
            <ContentTemplate>
                <asp:LinkButton runat="server">test asynch postback - PLEASE DONT SCROLL DOWN!! :)</asp:LinkButton>
            </ContentTemplate>
        </asp:UpdatePanel>
        <br />
        <div style="padding-top: 5000px">
             Nooooooooooooooooooooooooo!!!!
            <asp:TextBox ID="txtPageBody" TextMode="MultiLine" Width="200px" runat="server" />
            <act:HtmlEditorExtender ID="htmlPageBody" runat="server" TargetControlID="txtPageBody" >
                <Toolbar>
                    <act:Bold />
                </Toolbar>
            </act:HtmlEditorExtender>
        </div>
    </div>

HtmlEditorExtender should be added as a tag, but don’t have the reputation 🙂

Answer 1

override the function that is stealing the focus on your page, with the focus line removed:

if (Sys.Extended && Sys.Extended.UI && Sys.Extended.UI.HtmlEditorExtenderBehavior && Sys.Extended.UI.HtmlEditorExtenderBehavior.prototype && Sys.Extended.UI.HtmlEditorExtenderBehavior.prototype._editableDiv_submit) {
Sys.Extended.UI.HtmlEditorExtenderBehavior.prototype._editableDiv_submit = function () {
//html encode
var char = 3;
var sel = null;

if (Sys.Browser.agent != Sys.Browser.Firefox) {
if (document.selection) {
sel = document.selection.createRange();
sel.moveStart('character', char);
sel.select();
}
else {
sel = window.getSelection();
sel.collapse(this._editableDiv.firstChild, char);
}
}

//Encode html tags
this._textbox._element.value = this._encodeHtml();
};
}

from here:

http://ajaxcontroltoolkit.codeplex.com/workitem/27026