This is a migrated thread and some comments may be shown as answers.

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

6 Answers 292 Views
SplitView
This is a migrated thread and some comments may be shown as answers.
Lachlan
Top achievements
Rank 1
Lachlan asked on 09 Jan 2013, 11:22 AM

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.

6 Answers, 1 is accepted

Sort by
0
Petyo
Telerik team
answered on 11 Jan 2013, 09:02 AM
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!
0
Lachlan
Top achievements
Rank 1
answered on 11 Jan 2013, 11:31 AM
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. 
0
Kee
Top achievements
Rank 1
answered on 15 Jan 2013, 10:31 PM
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
0
Lachlan
Top achievements
Rank 1
answered on 15 Jan 2013, 11:59 PM
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.
0
Kee
Top achievements
Rank 1
answered on 16 Jan 2013, 03:47 PM
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  
0
Kee
Top achievements
Rank 1
answered on 16 Jan 2013, 05:40 PM
This issue seems to be fixed by version 2012.3.1315.

Kee
Tags
SplitView
Asked by
Lachlan
Top achievements
Rank 1
Answers by
Petyo
Telerik team
Lachlan
Top achievements
Rank 1
Kee
Top achievements
Rank 1
Share this question
or