popover and modalview close on input element focus when opened from a splitview on Samsung tab 10 Android ICS

7 posts, 0 answers
  1. Lachlan
    Lachlan avatar
    3 posts
    Member since:
    Jul 2010

    Posted 09 Jan 2013 Link to this post

    Hi there,

    I have an issue with the stock browser on the Samsung tab 10.1 whereby the device renders what looks to be a native textview over the html input tag when it receives focus. When receiving focus the popover and modalviews both close immediately. The popop or modalview do not close when not using the splitview.

    See these videos.

    Working without splitview
    http://sdrv.ms/13i1Blz

    Closing immediately with splitview
    http://sdrv.ms/13i1CpE

    I am using the modalview index.html directly from your samples. With the splitview/modalview page, I have dropped the Modalview code into the splitview index.html. See attached

    I do not experience this problem on the google nexus 7 tablet using chrome.

    Side Note: Would you happen to know whether I can disable this rendering behaviour on this Samsung device? I have noticed other Samsung specific UX behaviour in the browser, in particular drop down select lists draw completely different, so turning this off would be ideal. 

    Given its only happening via the splitview, i suspect it could be fixed/addressed by your product, if not, are you able to provide an explanation as to what order of focus/hide events could be happening on this tablet that makes the browser behave like it is which I can then pass onto a ticket with Samsung. 

    Thanks.
  2. Petyo
    Admin
    Petyo avatar
    2439 posts

    Posted 11 Jan 2013 Link to this post

    Hi Lauchlan,

    Which Android version do you use on the Samsung device? As far as google says, it comes by default with Android 3.* which is broken beyond fixing in variety of cases. I tested the code provided in the Android emulator (4.1.1), built in browser, and could not reproduce it. 

    You may also try to upgrade to the latest internal build, available for download in your account. 

    Greetings,
    Petyo
    the Telerik team
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  3. Kendo UI is VS 2017 Ready
  4. Lachlan
    Lachlan avatar
    3 posts
    Member since:
    Jul 2010

    Posted 11 Jan 2013 Link to this post

    Here is the model specs.
    http://www.samsung.com/global/microsite/galaxytab2/10.1/mobile/spec.html

    I have played around with it some more and have found that by setting CSS
    -webkit-appearance: none;
    -webkit-user-modify: read-write-plaintext-only;
    On the input, it removes the orange highlighting which I mistook it for overlay. This is better than it was but I have lost the ability to copy paste into the input and the behaviour I know see is
    1 open popover or modal view
    2 click in input. Soft keyboard appears. Popover or modal view close. Keyboard stays open.
    3 reopen popover or modal view
    4 click in input. This time as the keyboard was still open, the modal view or popover does not close.
    Without the CSS properties the keyboard was closing in step 2

    I will try the latest build you have provided and will also take a look at calling prevent default on the touch start event to see if I can achieve the right outcome. 
  5. Kee
    Kee avatar
    8 posts
    Member since:
    Sep 2012

    Posted 15 Jan 2013 Link to this post

    Hi, 

    I am seeing this same issue on a Samsung tablet (Model: GT-P7510, Android version: 4.0.4).  This issue is observed on Kendo Mobile build 2012.3.1114.  I do not see this issue on build 2012.3.1024 for this same device.  Any advice is appreciated.

    Thanks,
    Kee
  6. Lachlan
    Lachlan avatar
    3 posts
    Member since:
    Jul 2010

    Posted 15 Jan 2013 Link to this post

    Hi there,


    I no longer experience this issue with build: 2012.3.1304. Thanks for your assistance. Consider this resolved.


    For those interested in disabling the orange highlight  that samsung places over inputs. I have done this:
     input     
    {         
        -webkit-appearancenone;         
        -webkit-tap-highlight-colorwhite;     /* Not entirely necessary */
    }

    Thanks.
  7. Kee
    Kee avatar
    8 posts
    Member since:
    Sep 2012

    Posted 16 Jan 2013 Link to this post

    Hi Lachlan,

    Thanks for the response.  The issue I am seeing on build 2012.3.1114 is the closing of the modalview dialog.  I have a modalview login screen similar to Kendo's demo at : http://demos.kendoui.com/mobile/modalview/index.html.  The dialog has a Username input field and a Password input field.  

    The problem is that as soon as I touch one of the input fields to gain focus, the soft keyboard shows up, but the modalview dialog disappears.  The modalview also disappears on orientation change.  Any help is appreciated.

    Note:  How do I obtain build 2012.3.1304.  Currently I am using a Trial Download version (2012.3.1114).  My company is considering KendoUI, but we are not licensed yet.  I am not sure if I have access to the internal builds.

    Thanks,
    Kee  
  8. Kee
    Kee avatar
    8 posts
    Member since:
    Sep 2012

    Posted 16 Jan 2013 Link to this post

    This issue seems to be fixed by version 2012.3.1315.

    Kee
Back to Top
Kendo UI is VS 2017 Ready