In the android browser, the keyboard disappears after text box is selected in the web page modal popup on Gingerbread (Motorola ET1 Android 2.3.4)

Question

User-1547299097 posted

Hi,

On-screen in the android browser, the keyboard disappears after text box is selected in the web page modal popup on Gingerbread (Motorola ET1 Android 2.3.4). Kindly look at this code and advice.

<cc1:ModalPopupExtender ID="mpeNotesHistory" BehaviorID="mpeNotesHistory" runat="server"
                                                                                            PopupControlID="pnlNotesHistory" BackgroundCssClass="modalBackground" TargetControlID="btnPopUP">
                                                                                        </cc1:ModalPopupExtender>

<asp:Panel ID="pnlNotesHistory" runat="server" Style="display: none;" Width="70%">
                                                                                            <table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
                                                                                                <tr>
                                                                                                    <td>
                                                                                                        <asp:Panel ID="Panel1" runat="server" CssClass="modalHeader" EnableTheming="false">
                                                                                                            <div class="modalCaption">
                                                                                                                <table width="100%" border="0" cellspacing="0" cellpadding="0">
                                                                                                                    <tr>
                                                                                                                        <td width="1%">
                                                                                                                            &nbsp;
                                                                                                                        </td>
                                                                                                                        <td height="20" width="88%" align="left">
                                                                                                                            <asp:Label ID="Label1" runat="server" Text="<%$ Resources:Captions, lblCustomerNotes %>"></asp:Label>
                                                                                                                        </td>
                                                                                                                        <td align="right" width="10px">
                                                                                                                            <asp:UpdateProgress ID="UpdateProgress9" runat="server" DisplayAfter="1">
                                                                                                                                <ProgressTemplate>
                                                                                                                                    <img alt="Image Missing" id="imgPopupProgress" src="../App_Themes/<%=Page.Theme%>/images/progress_popup.gif">
                                                                                                                                    </img>
                                                                                                                                </ProgressTemplate>
                                                                                                                            </asp:UpdateProgress>
                                                                                                                        </td>
                                                                                                                        <td align="right" width="1%">
                                                                                                                            <asp:ImageButton ID="imgClose" runat="server" ImageUrl="~/App_Themes/Default/Images/close_icon.gif"
                                                                                                                                OnClientClick="return hideNotesHistorylookup();" />&nbsp;&nbsp;
                                                                                                                        </td>
                                                                                                                    </tr>
                                                                                                                </table>
                                                                                                            </div>
                                                                                                        </asp:Panel>
                                                                                                    </td>
                                                                                                </tr>
                                                                                                <tr>
                                                                                                    <td align="left">
                                                                                                        <table width="100%" border="0" cellspacing="0" cellpadding="0">
                                                                                                            <tr>
                                                                                                                <td align="center" class="modalFrameBody">
                                                                                                                    <asp:TextBox ID="txtNotes" runat="server" Height="75px" TextMode="MultiLine" Width="98%"
                                                                                                                        onbeforepaste="doBeforePaste('1000',event);" onkeyDown="checkTextAreaMaxLength(this,event,'1000');"
                                                                                                                        onpaste="doPaste(this,event,'1000');" Enabled="true"></asp:TextBox>
                                                                                                                </td>
                                                                                                            </tr>
                                                                                                            <tr>
                                                                                                                <td class="modalFrameBody" align="right">
                                                                                                                    <asp:Button ID="btnSaveNotes" runat="server" Text="<%$ Resources:Captions, btnSave %>"
                                                                                                                        OnClick="btnSaveNotes_Click" />
                                                                                                                    <asp:Button ID="btnCancelNotes" runat="server" Text="<%$ Resources:Captions, btnCancel %>"
                                                                                                                        OnClientClick="return hideNotesHistorylookup();" />
                                                                                                                </td>
                                                                                                            </tr>
                                                                                                            <tr>
                                                                                                                <td align="center" class="modalFrameBody">
                                                                                                                    <table width="100%" border="0" cellspacing="0" cellpadding="0">
                                                                                                                        <tr>
                                                                                                                            <td align="left">
                                                                                                                                <asp:Label ID="lblHist" runat="server" SkinID="LabelBold" Text="<%$ Resources:Captions, lblHistory %>"></asp:Label>
                                                                                                                            </td>
                                                                                                                        </tr>
                                                                                                                        <tr>
                                                                                                                            <td>
                                                                                                                                <asp:Panel ID="Panel2" runat="server" Width="100%" Height="125px" BorderColor="#7ec0fc"
                                                                                                                                    BorderWidth="1px">
                                                                                                                                    <div id="divNotesHistory" runat="server" style="overflow: auto; height: 120px; color: #404040;
                                                                                                                                        background-color: #fff; font-family: Calibri; font-size: 10pt; width: 100%; text-align: left;" />
                                                                                                                                </asp:Panel>
                                                                                                                            </td>
                                                                                                                        </tr>
                                                                                                                    </table>
                                                                                                                </td>
                                                                                                            </tr>
                                                                                                        </table>
                                                                                                    </td>
                                                                                                </tr>
                                                                                            </table>
                                                                                        </asp:Panel>

.modalHeader
{
    background: url(images/popup_header.png);
    height: 19px;
    padding-top: 5px;
}

.modalCaption
{
    vertical-align: middle;
    padding-left: 6px;
    color: #fff;
    font-size: 11px;
    font-weight: bold;
    font-family: Tahoma;
}

.modalFrameBody
{
    padding: 15px;
    background-color: #f2f2f2;
}

.modalBackground
{
    background-color: #414141;
    filter: alpha(opacity=70);
    opacity: 0.7;
}

Answer 1

User1943143334 posted

Hi,

The default functionality of the Keyboard - It should show, when you point to the textbox! Did you tried the same in other versions i.e., HoneyComb(3.0), ICS(4.0) or Jelly Bean(4.2)?

You can try those in the emulators and confirm!

Moreover, AJAX Controls may not work properly! Instead try to create simple popup and check!

Hope it helps u...