locked
Setttingsflyout hides when on screen keyboard show up.

    Question

  • I have a problem with a settingsFlyout I have created.

    Basically the settingsFlyout is a list of fields for a search. Everything is fine on a laptop/desktop. But when use on a tablet without a keyboard, when I tap in a text field, the default on screen keyboard comes up and the flyout hides itself.

    I tried to cancel the hide in beforehide event but I read somewhere (here) that it does not work. Anyone can help? This is simple stuff and is really frustrating


    • Edited by DR Dany Thursday, October 17, 2013 8:29 PM
    Thursday, October 17, 2013 6:09 PM

All replies

  • I can't say I have heard of that before!

    What OS are you developing on?

    What version of Visual Studio?

    Can you upload a simple repro to SkyDrive for us to look at?


    Jeff Sanders (MSFT)

    @jsandersrocks - Windows Store Developer Solutions @WSDevSol
    Getting Started With Windows Azure Mobile Services development? Click here
    Getting Started With Windows Phone or Store app development? Click here
    My Team Blog: Windows Store & Phone Developer Solutions
    My Blog: Http Client Protocol Issues (and other fun stuff I support)

    Thursday, October 17, 2013 7:44 PM
    Moderator
  • Thanks Jeff for the quick reply. I am using VS Studio 2012 running on a Win8 dev machine.

    Full version is

    VS Studio Premium 2012 

    Version 11.0.60610.01 Update 3

    MS .NET Framework 4.5.50709

    The test that fails, run on a Windows RT tablet. Although I can totally reproduce the same issue running the simulator. When I use the simulator in "Mouse mode" the keyboard does not show up and it works fine. If I use it on "Basic touch mode" the keyboard comes up and the flyout goes away.

    I have a build, where do you want me to put it?


    DanyR

    Thursday, October 17, 2013 8:14 PM
  • Jeff I have more information on the issue. It looks like the keyboard is pushing the whole app up. This seems to trigger the Flyout to hide +  

    Using the main section of my app, I have added an input box to see what it would do. Sure enough running in the simulator had the same effect. It push the whole thing up and inputbox was not visible anymore after the on screen keyboard came up. Any idea?

    I know the demo app works (ApplicationSettings demo) and I have use the same code. I am not sure why the behavior is different.


    DanyR

    Friday, October 25, 2013 12:16 AM
  • Are you using JQuery?  It does some bad stuff in this regard if I remember correctly.

    Jeff Sanders (MSFT)

    @jsandersrocks - Windows Store Developer Solutions @WSDevSol
    Getting Started With Windows Azure Mobile Services development? Click here
    Getting Started With Windows Phone or Store app development? Click here
    My Team Blog: Windows Store & Phone Developer Solutions
    My Blog: Http Client Protocol Issues (and other fun stuff I support)

    Friday, October 25, 2013 12:00 PM
    Moderator
  • No jquery at all. Really simple app. I can put it somewhere if you want to look at it.

    DanyR

    Friday, October 25, 2013 1:34 PM
  • Sure!  You can stick it up on SkyDrive and post the link.

    Jeff Sanders (MSFT)

    @jsandersrocks - Windows Store Developer Solutions @WSDevSol
    Getting Started With Windows Azure Mobile Services development? Click here
    Getting Started With Windows Phone or Store app development? Click here
    My Team Blog: Windows Store & Phone Developer Solutions
    My Blog: Http Client Protocol Issues (and other fun stuff I support)

    Friday, October 25, 2013 1:36 PM
    Moderator
  • Is is possible to send it to you directly? Company does not want me to post a public link to the source

    DanyR

    Friday, October 25, 2013 1:43 PM
  • Contact me here to arrange it http://blogs.msdn.com/jpsanders/contact.aspx.  If you need an answer super quick you should open a support case!

    Jeff Sanders (MSFT)

    @jsandersrocks - Windows Store Developer Solutions @WSDevSol
    Getting Started With Windows Azure Mobile Services development? Click here
    Getting Started With Windows Phone or Store app development? Click here
    My Team Blog: Windows Store & Phone Developer Solutions
    My Blog: Http Client Protocol Issues (and other fun stuff I support)

    Friday, October 25, 2013 1:54 PM
    Moderator
  • I just send you an email so you can contact me directly. But I will post some info here, in case someone gets the same behavior...

    I just noticed it was really easy to reproduce even with the default template! this remove everything else I have added as a potential issue

    If you create a new project (Javascript/Window Store/ Spit App template)
    Open the split.html and add a input box like this (not pretty but you'll see the issue)

                <article>
                    <input type="text" aria-label="Enter email account" />
                    <header class="header">
                        <div class="text">
                            <h2 class="article-title win-type-ellipsis" data-win-bind="textContent: title"></h2>
                            <h4 class="article-subtitle" data-win-bind="textContent: subtitle"></h4>
                        </div>
                        <img class="article-image" src="#" data-win-bind="src: backgroundImage; alt: title" />
                    </header>
                    <div class="article-content" data-win-bind="innerHTML: content"></div>
                </article>

    Save this and run with the Simulator (or any tablet I would suspect) When run in the Simulator you need, obviously to use the touch mode. As soon as you touch the input box, the keyboard comes on the screen but the app shifts up and you cannot see the input box anymore

    Let me know if you see the issue


    DanyR

    Friday, October 25, 2013 2:05 PM