[OPEN] [#882] On Chrome, TextArea's vertical scroll flashes when enter key is pressed

  1. #1

    [OPEN] [#882] On Chrome, TextArea's vertical scroll flashes when enter key is pressed

    On Chrome, TextArea's vertical scroll flashes when enter key is pressed. It works as expected when TextArea's Grow is not defined.

    <!DOCTYPE html>
    <html>
    <head runat="server">
    </head>
    <body>
        <ext:ResourceManager Theme="Crisp" ScriptMode="Debug" runat="server" />
        <ext:TextArea Margin="10" FieldLabel="Field" LabelAlign="Top" Grow="true" GrowMin="38" GrowMax="150" runat="server" />
    </body>
    </html>
    Last edited by Daniil; Aug 26, 2015 at 6:55 AM. Reason: [OPEN] [#882]
  2. #2
    Hi @RCN,

    I also noticed this behavior and indeed it appears to be reproducible in WebKit browsers (Chrome, Safari, Opera) only.

    It is worth to log in GitHub:
    https://github.com/extnet/Ext.NET/issues/882

    Not sure that is an issue in Chrome or in the framework.

    For now, I can suggest this workaround.
    <ext:TextArea ...>
        <Listeners>
            <AutoSize Fn="onAutoSize" />
        </Listeners>
    </ext:TextArea>
    var onAutoSize = function (textArea, height) {
        if (Ext.isWebKit) {
            if (height === this.growMax) {
                textArea.inputEl.setStyle("overflow", "auto");
            } else {
                textArea.inputEl.setStyle("overflow", "hidden");
            }
        }
    };

Similar Threads

  1. [CLOSED] Window closes on Field ENTER key pressed
    By registrator in forum 2.x Legacy Premium Help
    Replies: 1
    Last Post: Jun 17, 2015, 8:04 AM
  2. Replies: 8
    Last Post: Jun 06, 2013, 12:42 PM
  3. Replies: 3
    Last Post: Aug 27, 2010, 9:30 PM
  4. Replies: 2
    Last Post: Feb 01, 2010, 1:00 PM
  5. Replies: 1
    Last Post: Jan 27, 2010, 11:21 AM

Posting Permissions