Results 1 to 3 of 3

Thread: textfield in toolbar not work in mobile view

  1. #1
    Sencha Premium Member
    Join Date
    Jan 2012
    Posts
    26
    Vote Rating
    0
      0  

    Default textfield in toolbar not work in mobile view

    Hello,

    I'm using Ext 6.5.1 with the classic API.

    I have a "textfield" placed in a toolbar. In "desktop" view (FF, Chrome, etc.) this works as expected. I can click with the mouse in the field and can enter text.
    In "mobile" view (Chrome on Android, Safari on iOS) clicking the field has no effect. You can also test it with the "mobile view" in the Chrome Developer Tools.

    Here is a small piece of source to place a textfield in a toolbar:
    Code:
            { title: 'Test',
              items: [ { boxLabel: "Test",
                         xtype: 'checkboxfield'
                       } ],
              dockedItems: [{
                xtype:    'toolbar',
                dock:     'top',
                border:   false,
                itemId:   'toolbar',
                items: [
                   { xtype:       'textfield',
                     flex:        1,
                     emptyText:   'Search terms'
                   },
                   { iconCls:     'x-fa fa-search'
                   }
                ]
              }]
            }
    Can someone give me a hint, what is the problem?

    Thanks and best regards,
    Tobias Wagener

  2. #2
    Sencha Premium Member tjstuart's Avatar
    Join Date
    May 2007
    Location
    Sydney, Australia
    Posts
    439
    Answers
    4
    Vote Rating
    29
      0  

    Default

    Probably this https://www.sencha.com/forum/showthread.php?355461. You can use the override I posted but should probably upgrade.

  3. #3
    Sencha Premium Member
    Join Date
    Jan 2012
    Posts
    26
    Vote Rating
    0
      0  

    Default

    Thanks a lot! That fixed the problem!

Similar Threads

  1. Textfield cursor floating in iOS mobile safari
    By robboerman in forum Sencha Touch 2.x: Bugs
    Replies: 2
    Last Post: 11 Dec 2013, 6:59 AM
  2. Replies: 1
    Last Post: 19 Nov 2012, 5:14 AM
  3. [INFOREQ] jQuery's bind 'click' not work on mobile Safari (but work in ST1)
    By chulochula in forum Sencha Touch 2.x: Bugs
    Replies: 4
    Last Post: 21 Mar 2012, 7:04 PM
  4. Why should not work on the mobile devices?
    By lee chang yeon in forum Sencha Touch 2.x: Q&A
    Replies: 2
    Last Post: 16 Nov 2011, 5:52 PM
  5. focus(); to a textfield on mobile safari does nothing
    By emadow in forum Sencha Touch 1.x: Discussion
    Replies: 2
    Last Post: 17 Jul 2011, 10:28 PM

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •