Sencha Touch android keypad hiding textarea

Question

`

constructor: function() {
          this.adjustHeight = Ext.Function.createBuffered(function(textarea) {
            var textAreaEl = textarea.getComponent().input;

            if (textAreaEl) {
              textAreaEl.dom.style.height = 'auto'; 
              var iNewHeight = textAreaEl.dom.scrollHeight;
              if (iNewHeight > 0) {
                textAreaEl.dom.style.height = textAreaEl.dom.scrollHeight + "px";
              }
            }
          },200,this);

          this.callParent(arguments);
        }

I want the textarea focused with full content visible . But text area hiding with keypad

You could try to use list.getScrollable().getScroller().scrollTo(Element) if there are enough elements following. — Dinkheller, Apr 06 '16 at 10:52
I have try that but it will produce jumping effect @ProtoBassi — Arun Kumar, Apr 06 '16 at 11:10
if (iNewHeight > 0) { textAreaEl.dom.style.height = textAreaEl.dom.scrollHeight + "px"; this.getParent().getParent().getScrollable().getScroller().scrollTo(0, iNewHeight); } — Arun Kumar, Apr 06 '16 at 13:03

score 0 · Answer 1 · answered Apr 06 '16 at 13:44

Try to use the onBeforeFocus event with scrolling:

scrollableView.scrollTo(textfield.element.getXY()[0],textfield.element.getXY()[1]);

And now you might want to do this to all textfields and textareafields, so that the user gets the same on all items.

Make sure, that the effect is either earlier than the keypad animation or delay it with about 175ms.

Ext.defer(function() {###your code goes here###}, 175, this);

Sencha Touch android keypad hiding textarea

1 Answers1