Form is scrolled when field container is present

  1. #1

    Form is scrolled when field container is present

    On the following example, scroll to the field Email Field (last). It will scroll the form as you type an invalid email.

    The problem only happens when you have field containers on the form.

    <!DOCTYPE html>
    <html>
    <body>
        <ext:ResourceManager runat="server" />
        <ext:FormPanel Title="Form Panel" AutoScroll="true" Width="300" Height="300" DefaultAnchor="100%" runat="server">
            <FieldDefaults LabelAlign="Top" MsgTarget="Side" />
            <Items>
                <ext:FieldContainer FieldLabel="001" Layout="HBoxLayout" AnchorHorizontal="100%" runat="server">
                    <Items>
                        <ext:TextField FieldLabel="F-001" Flex="1" AllowBlank="false" runat="server" />
                        <ext:TextField FieldLabel="F-002" Flex="1" MarginSpec="0 0 0 5" AllowBlank="false" runat="server" />
                    </Items>
                </ext:FieldContainer>
                <ext:FieldContainer FieldLabel="002" Layout="HBoxLayout" AnchorHorizontal="100%" runat="server">
                    <Items>
                        <ext:TextField FieldLabel="F-003" Flex="1" AllowBlank="false" runat="server" />
                        <ext:TextField FieldLabel="F-004" Flex="1" MarginSpec="0 0 0 5" AllowBlank="false" runat="server" />
                    </Items>
                </ext:FieldContainer>
                <ext:FieldContainer FieldLabel="003" Layout="HBoxLayout" AnchorHorizontal="100%" runat="server">
                    <Items>
                        <ext:TextField FieldLabel="F-005" Flex="1" AllowBlank="false" runat="server" />
                        <ext:TextField FieldLabel="F-006" Flex="1" MarginSpec="0 0 0 5" AllowBlank="false" runat="server" />
                    </Items>
                </ext:FieldContainer>
                <ext:FieldContainer FieldLabel="004" Layout="HBoxLayout" AnchorHorizontal="100%" runat="server">
                    <Items>
                        <ext:TextField FieldLabel="F-007" Flex="1" AllowBlank="false" runat="server" />
                        <ext:TextField FieldLabel="F-008" Flex="1" MarginSpec="0 0 0 5" AllowBlank="false" runat="server" />
                    </Items>
                </ext:FieldContainer>
                <ext:TextField FieldLabel="Email Field" StandardVtype="Email" runat="server" />
            </Items>
        </ext:FormPanel>
    </body>
    </html>
    Last edited by RaphaelSaldanha; Aug 06, 2018 at 10:16 AM.
  2. #2
    Hello @Raphael!

    Are you talking about this?

    http://ext.net/wp-content/uploads/62...ate_scroll.gif

    I see it only happens on chrome. Firefox and MS-Edge doesn't have this effect.
    Fabrício Murta
    Developer & Support Expert

Similar Threads

  1. Replies: 8
    Last Post: Mar 18, 2016, 9:52 PM
  2. Replies: 7
    Last Post: Oct 27, 2014, 6:48 PM
  3. [CLOSED] Tag field not present in MVC
    By matrixwebtech in forum 2.x Premium Help
    Replies: 6
    Last Post: Sep 25, 2014, 2:20 PM
  4. Replies: 3
    Last Post: Oct 23, 2013, 4:30 PM
  5. [CLOSED] How to reset ascx form from it's container?
    By dev in forum 1.x Premium Help
    Replies: 3
    Last Post: Jul 21, 2010, 10:15 PM

Posting Permissions