You are viewing a plain text version of this content. The canonical link for it is here.
Posted to dev@cordova.apache.org by "Rob Van Wicklen (JIRA)" <ji...@apache.org> on 2012/08/15 19:45:38 UTC

[jira] [Created] (CB-1247) An option similar to "webviewbounce" is needed that works on Windows Phone

Rob Van Wicklen created CB-1247:
-----------------------------------

             Summary: An option similar to "webviewbounce" is needed that works on Windows Phone
                 Key: CB-1247
                 URL: https://issues.apache.org/jira/browse/CB-1247
             Project: Apache Cordova
          Issue Type: New Feature
          Components: WP7, WP8
    Affects Versions: 2.0.0, 1.9.0, 1.8.1, 1.8.0, 1.7.0, 1.6.1, 1.6.0, 1.5.0, 1.4.0, 1.3.0, 1.2.0, Master, 2.1.0, 2.2.0, 3.0.0
         Environment: Windows Phone (all)
            Reporter: Rob Van Wicklen
            Assignee: Jesse MacFadyen


A "webviewbounce" option can be set to fix an app's viewable area in place on the iOS screen, making it so that users cannot drag it and move it off the side of the screen. A similar setting is needed for Windows Phone.

Currently, even if the viewport size is set to the device screen dimensions and the scale is fixed at 1.0, Windows Phone users can still drag the app's viewport which results in a bounce effect similar to what's seen on iOS when the webviewbounce option isn't set to false.

The Windows Phone WebBrowser control doesn't directly expose a property that lets you eliminate the bounce, but the desired result can be acheived with a small amount of wrapper code around the control. This would need to be implemented within Cordova. The following article explains how to do it:
 
http://www.scottlogic.co.uk/blog/colin/2011/11/suppressing-zoom-and-scroll-interactions-in-the-windows-phone-7-browser-control

Justification: the ability to eliminate the bounce effect is important for app developers who want to create an experience that's similar to a native app. This is not currently possible on Windows Phone.

--
This message is automatically generated by JIRA.
If you think it was sent incorrectly, please contact your JIRA administrators: https://issues.apache.org/jira/secure/ContactAdministrators!default.jspa
For more information on JIRA, see: http://www.atlassian.com/software/jira

        

[jira] [Commented] (CB-1247) An option similar to "webviewbounce" is needed that works on Windows Phone

Posted by "Jesse MacFadyen (JIRA)" <ji...@apache.org>.
    [ https://issues.apache.org/jira/browse/CB-1247?page=com.atlassian.jira.plugin.system.issuetabpanels:comment-tabpanel&focusedCommentId=13438922#comment-13438922 ] 

Jesse MacFadyen commented on CB-1247:
-------------------------------------

Thanks Rob,

Can you post a small sample of the html + js code you are using?
                
> An option similar to "webviewbounce" is needed that works on Windows Phone
> --------------------------------------------------------------------------
>
>                 Key: CB-1247
>                 URL: https://issues.apache.org/jira/browse/CB-1247
>             Project: Apache Cordova
>          Issue Type: Bug
>          Components: WP7
>    Affects Versions: 2.0.0
>         Environment: Windows Phone
>            Reporter: Rob Van Wicklen
>            Assignee: Jesse MacFadyen
>             Fix For: 2.1.0
>
>
> A "webviewbounce" option can be set to fix an app's viewable area in place on the iOS screen, making it so that users cannot drag it and move it off the side of the screen. A similar setting is needed for Windows Phone.
> Currently, even if the viewport size is set to the device screen dimensions and the scale is fixed at 1.0, Windows Phone users can still drag the app's viewport which results in a bounce effect similar to what's seen on iOS when the webviewbounce option isn't set to false.
> The Windows Phone WebBrowser control doesn't directly expose a property that lets you eliminate the bounce, but the desired result can be acheived with a small amount of wrapper code around the control. This would need to be implemented within Cordova. The following article explains how to do it:
>  
> http://www.scottlogic.co.uk/blog/colin/2011/11/suppressing-zoom-and-scroll-interactions-in-the-windows-phone-7-browser-control
> Justification: the ability to eliminate the bounce effect is important for app developers who want to create an experience that's similar to a native app. This is not currently possible on Windows Phone.

--
This message is automatically generated by JIRA.
If you think it was sent incorrectly, please contact your JIRA administrators: https://issues.apache.org/jira/secure/ContactAdministrators!default.jspa
For more information on JIRA, see: http://www.atlassian.com/software/jira

        

[jira] [Resolved] (CB-1247) An option similar to "webviewbounce" is needed that works on Windows Phone

Posted by "Jesse MacFadyen (JIRA)" <ji...@apache.org>.
     [ https://issues.apache.org/jira/browse/CB-1247?page=com.atlassian.jira.plugin.system.issuetabpanels:all-tabpanel ]

Jesse MacFadyen resolved CB-1247.
---------------------------------

    Resolution: Invalid

Scrolling can be prevented by adding JS to handle the interaction:

The following code will prevent the document from scrolling when dragged, yet still allow you to have mouse interactions in other areas of the page.
document.addEventListener("mousemove", function(e){e.preventDefault();});

You can use a library like iScroll to have a scroll-able area + fixed position elements. 
                
> An option similar to "webviewbounce" is needed that works on Windows Phone
> --------------------------------------------------------------------------
>
>                 Key: CB-1247
>                 URL: https://issues.apache.org/jira/browse/CB-1247
>             Project: Apache Cordova
>          Issue Type: Bug
>          Components: WP7
>    Affects Versions: 2.0.0
>         Environment: Windows Phone
>            Reporter: Rob Van Wicklen
>            Assignee: Jesse MacFadyen
>             Fix For: 2.1.0
>
>
> A "webviewbounce" option can be set to fix an app's viewable area in place on the iOS screen, making it so that users cannot drag it and move it off the side of the screen. A similar setting is needed for Windows Phone.
> Currently, even if the viewport size is set to the device screen dimensions and the scale is fixed at 1.0, Windows Phone users can still drag the app's viewport which results in a bounce effect similar to what's seen on iOS when the webviewbounce option isn't set to false.
> The Windows Phone WebBrowser control doesn't directly expose a property that lets you eliminate the bounce, but the desired result can be acheived with a small amount of wrapper code around the control. This would need to be implemented within Cordova. The following article explains how to do it:
>  
> http://www.scottlogic.co.uk/blog/colin/2011/11/suppressing-zoom-and-scroll-interactions-in-the-windows-phone-7-browser-control
> Justification: the ability to eliminate the bounce effect is important for app developers who want to create an experience that's similar to a native app. This is not currently possible on Windows Phone.

--
This message is automatically generated by JIRA.
If you think it was sent incorrectly, please contact your JIRA administrators: https://issues.apache.org/jira/secure/ContactAdministrators!default.jspa
For more information on JIRA, see: http://www.atlassian.com/software/jira

        

[jira] [Updated] (CB-1247) An option similar to "webviewbounce" is needed that works on Windows Phone

Posted by "Jesse MacFadyen (JIRA)" <ji...@apache.org>.
     [ https://issues.apache.org/jira/browse/CB-1247?page=com.atlassian.jira.plugin.system.issuetabpanels:all-tabpanel ]

Jesse MacFadyen updated CB-1247:
--------------------------------

    Fix Version/s:     (was: 2.1.0)
                   2.2.0
    
> An option similar to "webviewbounce" is needed that works on Windows Phone
> --------------------------------------------------------------------------
>
>                 Key: CB-1247
>                 URL: https://issues.apache.org/jira/browse/CB-1247
>             Project: Apache Cordova
>          Issue Type: Bug
>          Components: WP7
>    Affects Versions: 2.0.0
>         Environment: Windows Phone
>            Reporter: Rob Van Wicklen
>            Assignee: Jesse MacFadyen
>             Fix For: 2.2.0
>
>
> A "webviewbounce" option can be set to fix an app's viewable area in place on the iOS screen, making it so that users cannot drag it and move it off the side of the screen. A similar setting is needed for Windows Phone.
> Currently, even if the viewport size is set to the device screen dimensions and the scale is fixed at 1.0, Windows Phone users can still drag the app's viewport which results in a bounce effect similar to what's seen on iOS when the webviewbounce option isn't set to false.
> The Windows Phone WebBrowser control doesn't directly expose a property that lets you eliminate the bounce, but the desired result can be acheived with a small amount of wrapper code around the control. This would need to be implemented within Cordova. The following article explains how to do it:
>  
> http://www.scottlogic.co.uk/blog/colin/2011/11/suppressing-zoom-and-scroll-interactions-in-the-windows-phone-7-browser-control
> Justification: the ability to eliminate the bounce effect is important for app developers who want to create an experience that's similar to a native app. This is not currently possible on Windows Phone.

--
This message is automatically generated by JIRA.
If you think it was sent incorrectly, please contact your JIRA administrators
For more information on JIRA, see: http://www.atlassian.com/software/jira

[jira] [Commented] (CB-1247) An option similar to "webviewbounce" is needed that works on Windows Phone

Posted by "Jesse MacFadyen (JIRA)" <ji...@apache.org>.
    [ https://issues.apache.org/jira/browse/CB-1247?page=com.atlassian.jira.plugin.system.issuetabpanels:comment-tabpanel&focusedCommentId=13435344#comment-13435344 ] 

Jesse MacFadyen commented on CB-1247:
-------------------------------------

This is not a new feature, and the functionality already exists in the codebase, however there is an issue with the 2.0 implementation.
                
> An option similar to "webviewbounce" is needed that works on Windows Phone
> --------------------------------------------------------------------------
>
>                 Key: CB-1247
>                 URL: https://issues.apache.org/jira/browse/CB-1247
>             Project: Apache Cordova
>          Issue Type: New Feature
>          Components: WP7, WP8
>    Affects Versions: 1.2.0, 1.3.0, 1.4.0, 1.5.0, 1.6.0, 1.6.1, 1.7.0, 1.8.0, 1.8.1, 1.9.0, 2.0.0, Master, 2.1.0, 2.2.0, 3.0.0
>         Environment: Windows Phone (all)
>            Reporter: Rob Van Wicklen
>            Assignee: Jesse MacFadyen
>
> A "webviewbounce" option can be set to fix an app's viewable area in place on the iOS screen, making it so that users cannot drag it and move it off the side of the screen. A similar setting is needed for Windows Phone.
> Currently, even if the viewport size is set to the device screen dimensions and the scale is fixed at 1.0, Windows Phone users can still drag the app's viewport which results in a bounce effect similar to what's seen on iOS when the webviewbounce option isn't set to false.
> The Windows Phone WebBrowser control doesn't directly expose a property that lets you eliminate the bounce, but the desired result can be acheived with a small amount of wrapper code around the control. This would need to be implemented within Cordova. The following article explains how to do it:
>  
> http://www.scottlogic.co.uk/blog/colin/2011/11/suppressing-zoom-and-scroll-interactions-in-the-windows-phone-7-browser-control
> Justification: the ability to eliminate the bounce effect is important for app developers who want to create an experience that's similar to a native app. This is not currently possible on Windows Phone.

--
This message is automatically generated by JIRA.
If you think it was sent incorrectly, please contact your JIRA administrators: https://issues.apache.org/jira/secure/ContactAdministrators!default.jspa
For more information on JIRA, see: http://www.atlassian.com/software/jira

        

[jira] [Updated] (CB-1247) An option similar to "webviewbounce" is needed that works on Windows Phone

Posted by "Jesse MacFadyen (JIRA)" <ji...@apache.org>.
     [ https://issues.apache.org/jira/browse/CB-1247?page=com.atlassian.jira.plugin.system.issuetabpanels:all-tabpanel ]

Jesse MacFadyen updated CB-1247:
--------------------------------

          Component/s:     (was: WP8)
          Environment: Windows Phone  (was: Windows Phone (all))
    Affects Version/s:     (was: 2.2.0)
                           (was: 3.0.0)
                           (was: 2.1.0)
                           (was: 1.8.1)
                           (was: 1.6.1)
                           (was: Master)
                           (was: 1.9.0)
                           (was: 1.8.0)
                           (was: 1.7.0)
                           (was: 1.6.0)
                           (was: 1.5.0)
                           (was: 1.4.0)
                           (was: 1.3.0)
                           (was: 1.2.0)
        Fix Version/s: 2.1.0
           Issue Type: Bug  (was: New Feature)
    
> An option similar to "webviewbounce" is needed that works on Windows Phone
> --------------------------------------------------------------------------
>
>                 Key: CB-1247
>                 URL: https://issues.apache.org/jira/browse/CB-1247
>             Project: Apache Cordova
>          Issue Type: Bug
>          Components: WP7
>    Affects Versions: 2.0.0
>         Environment: Windows Phone
>            Reporter: Rob Van Wicklen
>            Assignee: Jesse MacFadyen
>             Fix For: 2.1.0
>
>
> A "webviewbounce" option can be set to fix an app's viewable area in place on the iOS screen, making it so that users cannot drag it and move it off the side of the screen. A similar setting is needed for Windows Phone.
> Currently, even if the viewport size is set to the device screen dimensions and the scale is fixed at 1.0, Windows Phone users can still drag the app's viewport which results in a bounce effect similar to what's seen on iOS when the webviewbounce option isn't set to false.
> The Windows Phone WebBrowser control doesn't directly expose a property that lets you eliminate the bounce, but the desired result can be acheived with a small amount of wrapper code around the control. This would need to be implemented within Cordova. The following article explains how to do it:
>  
> http://www.scottlogic.co.uk/blog/colin/2011/11/suppressing-zoom-and-scroll-interactions-in-the-windows-phone-7-browser-control
> Justification: the ability to eliminate the bounce effect is important for app developers who want to create an experience that's similar to a native app. This is not currently possible on Windows Phone.

--
This message is automatically generated by JIRA.
If you think it was sent incorrectly, please contact your JIRA administrators: https://issues.apache.org/jira/secure/ContactAdministrators!default.jspa
For more information on JIRA, see: http://www.atlassian.com/software/jira

        

[jira] [Commented] (CB-1247) An option similar to "webviewbounce" is needed that works on Windows Phone

Posted by "Rob Van Wicklen (JIRA)" <ji...@apache.org>.
    [ https://issues.apache.org/jira/browse/CB-1247?page=com.atlassian.jira.plugin.system.issuetabpanels:comment-tabpanel&focusedCommentId=13442601#comment-13442601 ] 

Rob Van Wicklen commented on CB-1247:
-------------------------------------

Hi Jesse. I'm able to reproduce the problem using the helloworld example app that comes with the LimeJS framework. Links and code are below. If you run this app on a Windows Phone, you'll find that if you repeatedly drag your finger quickly from top to bottom or from left to right on an empty area of the screen, you'll see the web view bounce effect more times than not. The behavior is specific to Windows Phone.

app download link: https://build.phonegap.com/apps/116657/download/winphone/?qr_key=sD1PSxyq7jxyjSKTwzyz
LimeJS framework used to build the app: http://www.limejs.com/0-getting-started

Here's the source code for the app. This is just the example app code generated by LimeJS, with 2 modifications. The first modification was to take your suggestion and add event handlers designed to prevent the webview bounce effect. The second modification was to add a background color, making it easy to see when the canvas is bouncing.

//set main namespace
goog.provide('helloworld');


//get requirements
goog.require('lime.Director');
goog.require('lime.Scene');
goog.require('lime.Layer');
goog.require('lime.Circle');
goog.require('lime.Label');
goog.require('lime.animation.Spawn');
goog.require('lime.animation.FadeTo');
goog.require('lime.animation.ScaleTo');
goog.require('lime.animation.MoveTo');


// entrypoint
helloworld.start = function(){

	var director = new lime.Director(document.body,1024,768),
	    scene = new lime.Scene(),

	    target = new lime.Layer().setPosition(512,384),
        circle = new lime.Circle().setSize(150,150).setFill(255,150,0),
        lbl = new lime.Label().setSize(160,50).setFontSize(30).setText('TOUCH ME!'),
        title = new lime.Label().setSize(800,70).setFontSize(60).setText('Now move me around!')
            .setOpacity(0).setPosition(512,80).setFontColor('#999').setFill(200,100,0,.1);


    //add circle and label to target object
    target.appendChild(circle);
    target.appendChild(lbl);

    //add target and title to the scene
    scene.appendChild(target);
    scene.appendChild(title);

	director.makeMobileWebAppCapable();

    //add some interaction
    goog.events.listen(target,['mousedown','touchstart'],function(e){

        //animate
        target.runAction(new lime.animation.Spawn(
            new lime.animation.FadeTo(.5).setDuration(.2),
            new lime.animation.ScaleTo(1.5).setDuration(.8)
        ));

        title.runAction(new lime.animation.FadeTo(1));

        //let target follow the mouse/finger
        e.startDrag();

        //listen for end event
        e.swallow(['mouseup','touchend'],function(){
            target.runAction(new lime.animation.Spawn(
                new lime.animation.FadeTo(1),
                new lime.animation.ScaleTo(1),
                new lime.animation.MoveTo(512,384)
            ));

            title.runAction(new lime.animation.FadeTo(0));
        });


    });

    // modification 1: add event handlers
    document.addEventListener('mousemove', function(e){e.preventDefault();});
    document.addEventListener('touchmove', function(e){e.preventDefault();});

    // modification 2: set background color
    document.body.style.backgroundColor = '#00CCCC';
        
	// set current scene active
	director.replaceScene(scene);

}


//this is required for outside access after code is compiled in ADVANCED_COMPILATIONS mode
goog.exportSymbol('helloworld.start', helloworld.start);

                
> An option similar to "webviewbounce" is needed that works on Windows Phone
> --------------------------------------------------------------------------
>
>                 Key: CB-1247
>                 URL: https://issues.apache.org/jira/browse/CB-1247
>             Project: Apache Cordova
>          Issue Type: Bug
>          Components: WP7
>    Affects Versions: 2.0.0
>         Environment: Windows Phone
>            Reporter: Rob Van Wicklen
>            Assignee: Jesse MacFadyen
>             Fix For: 2.1.0
>
>
> A "webviewbounce" option can be set to fix an app's viewable area in place on the iOS screen, making it so that users cannot drag it and move it off the side of the screen. A similar setting is needed for Windows Phone.
> Currently, even if the viewport size is set to the device screen dimensions and the scale is fixed at 1.0, Windows Phone users can still drag the app's viewport which results in a bounce effect similar to what's seen on iOS when the webviewbounce option isn't set to false.
> The Windows Phone WebBrowser control doesn't directly expose a property that lets you eliminate the bounce, but the desired result can be acheived with a small amount of wrapper code around the control. This would need to be implemented within Cordova. The following article explains how to do it:
>  
> http://www.scottlogic.co.uk/blog/colin/2011/11/suppressing-zoom-and-scroll-interactions-in-the-windows-phone-7-browser-control
> Justification: the ability to eliminate the bounce effect is important for app developers who want to create an experience that's similar to a native app. This is not currently possible on Windows Phone.

--
This message is automatically generated by JIRA.
If you think it was sent incorrectly, please contact your JIRA administrators
For more information on JIRA, see: http://www.atlassian.com/software/jira

[jira] [Reopened] (CB-1247) An option similar to "webviewbounce" is needed that works on Windows Phone

Posted by "Rob Van Wicklen (JIRA)" <ji...@apache.org>.
     [ https://issues.apache.org/jira/browse/CB-1247?page=com.atlassian.jira.plugin.system.issuetabpanels:all-tabpanel ]

Rob Van Wicklen reopened CB-1247:
---------------------------------


I tried adding the following event handlers to my application code:

document.addEventListener("mousemove", function(e){e.preventDefault();});
document.addEventListener("touchmove", function(e){e.preventDefault();});

Strangely enough, this code tends to suppress the bounce but it does not eliminate it. In some ways the final result is worse, as it makes the app appear glitchy. Sometimes move/drag events will be ignored, but often times the canvas will still move and bounce back into place. This experience is bad enough that I wouldn't ship my application on Windows Phone like this. A fixed canvas is essential to my app's experience.
                
> An option similar to "webviewbounce" is needed that works on Windows Phone
> --------------------------------------------------------------------------
>
>                 Key: CB-1247
>                 URL: https://issues.apache.org/jira/browse/CB-1247
>             Project: Apache Cordova
>          Issue Type: Bug
>          Components: WP7
>    Affects Versions: 2.0.0
>         Environment: Windows Phone
>            Reporter: Rob Van Wicklen
>            Assignee: Jesse MacFadyen
>             Fix For: 2.1.0
>
>
> A "webviewbounce" option can be set to fix an app's viewable area in place on the iOS screen, making it so that users cannot drag it and move it off the side of the screen. A similar setting is needed for Windows Phone.
> Currently, even if the viewport size is set to the device screen dimensions and the scale is fixed at 1.0, Windows Phone users can still drag the app's viewport which results in a bounce effect similar to what's seen on iOS when the webviewbounce option isn't set to false.
> The Windows Phone WebBrowser control doesn't directly expose a property that lets you eliminate the bounce, but the desired result can be acheived with a small amount of wrapper code around the control. This would need to be implemented within Cordova. The following article explains how to do it:
>  
> http://www.scottlogic.co.uk/blog/colin/2011/11/suppressing-zoom-and-scroll-interactions-in-the-windows-phone-7-browser-control
> Justification: the ability to eliminate the bounce effect is important for app developers who want to create an experience that's similar to a native app. This is not currently possible on Windows Phone.

--
This message is automatically generated by JIRA.
If you think it was sent incorrectly, please contact your JIRA administrators: https://issues.apache.org/jira/secure/ContactAdministrators!default.jspa
For more information on JIRA, see: http://www.atlassian.com/software/jira

        

[jira] [Updated] (CB-1247) An option similar to "webviewbounce" is needed that works on Windows Phone

Posted by "Shazron Abdullah (JIRA)" <ji...@apache.org>.
     [ https://issues.apache.org/jira/browse/CB-1247?page=com.atlassian.jira.plugin.system.issuetabpanels:all-tabpanel ]

Shazron Abdullah updated CB-1247:
---------------------------------

    Fix Version/s:     (was: 2.2.0)
                   2.3.0
    
> An option similar to "webviewbounce" is needed that works on Windows Phone
> --------------------------------------------------------------------------
>
>                 Key: CB-1247
>                 URL: https://issues.apache.org/jira/browse/CB-1247
>             Project: Apache Cordova
>          Issue Type: Bug
>          Components: WP7
>    Affects Versions: 2.0.0
>         Environment: Windows Phone
>            Reporter: Rob Van Wicklen
>            Assignee: Jesse MacFadyen
>             Fix For: 2.3.0
>
>
> A "webviewbounce" option can be set to fix an app's viewable area in place on the iOS screen, making it so that users cannot drag it and move it off the side of the screen. A similar setting is needed for Windows Phone.
> Currently, even if the viewport size is set to the device screen dimensions and the scale is fixed at 1.0, Windows Phone users can still drag the app's viewport which results in a bounce effect similar to what's seen on iOS when the webviewbounce option isn't set to false.
> The Windows Phone WebBrowser control doesn't directly expose a property that lets you eliminate the bounce, but the desired result can be acheived with a small amount of wrapper code around the control. This would need to be implemented within Cordova. The following article explains how to do it:
>  
> http://www.scottlogic.co.uk/blog/colin/2011/11/suppressing-zoom-and-scroll-interactions-in-the-windows-phone-7-browser-control
> Justification: the ability to eliminate the bounce effect is important for app developers who want to create an experience that's similar to a native app. This is not currently possible on Windows Phone.

--
This message is automatically generated by JIRA.
If you think it was sent incorrectly, please contact your JIRA administrators
For more information on JIRA, see: http://www.atlassian.com/software/jira

[jira] [Commented] (CB-1247) An option similar to "webviewbounce" is needed that works on Windows Phone

Posted by "Jesse MacFadyen (JIRA)" <ji...@apache.org>.
    [ https://issues.apache.org/jira/browse/CB-1247?page=com.atlassian.jira.plugin.system.issuetabpanels:comment-tabpanel&focusedCommentId=13443713#comment-13443713 ] 

Jesse MacFadyen commented on CB-1247:
-------------------------------------

Verified, the screen does move once in a while, and is NOT completely locked.

                
> An option similar to "webviewbounce" is needed that works on Windows Phone
> --------------------------------------------------------------------------
>
>                 Key: CB-1247
>                 URL: https://issues.apache.org/jira/browse/CB-1247
>             Project: Apache Cordova
>          Issue Type: Bug
>          Components: WP7
>    Affects Versions: 2.0.0
>         Environment: Windows Phone
>            Reporter: Rob Van Wicklen
>            Assignee: Jesse MacFadyen
>             Fix For: 2.1.0
>
>
> A "webviewbounce" option can be set to fix an app's viewable area in place on the iOS screen, making it so that users cannot drag it and move it off the side of the screen. A similar setting is needed for Windows Phone.
> Currently, even if the viewport size is set to the device screen dimensions and the scale is fixed at 1.0, Windows Phone users can still drag the app's viewport which results in a bounce effect similar to what's seen on iOS when the webviewbounce option isn't set to false.
> The Windows Phone WebBrowser control doesn't directly expose a property that lets you eliminate the bounce, but the desired result can be acheived with a small amount of wrapper code around the control. This would need to be implemented within Cordova. The following article explains how to do it:
>  
> http://www.scottlogic.co.uk/blog/colin/2011/11/suppressing-zoom-and-scroll-interactions-in-the-windows-phone-7-browser-control
> Justification: the ability to eliminate the bounce effect is important for app developers who want to create an experience that's similar to a native app. This is not currently possible on Windows Phone.

--
This message is automatically generated by JIRA.
If you think it was sent incorrectly, please contact your JIRA administrators
For more information on JIRA, see: http://www.atlassian.com/software/jira

[jira] [Commented] (CB-1247) An option similar to "webviewbounce" is needed that works on Windows Phone

Posted by "Kees van den Broek (JIRA)" <ji...@apache.org>.
    [ https://issues.apache.org/jira/browse/CB-1247?page=com.atlassian.jira.plugin.system.issuetabpanels:comment-tabpanel&focusedCommentId=13470062#comment-13470062 ] 

Kees van den Broek commented on CB-1247:
----------------------------------------

It has been a month since this missing feature was reported.
The proposed patch from the article using LinqToVisualTree works great (tested on Lumia 710 and 900). No more webview bounce.
Jesse mentioned the code was already in the codebase, I did not see it. Care to point me to it?

                
> An option similar to "webviewbounce" is needed that works on Windows Phone
> --------------------------------------------------------------------------
>
>                 Key: CB-1247
>                 URL: https://issues.apache.org/jira/browse/CB-1247
>             Project: Apache Cordova
>          Issue Type: Bug
>          Components: WP7
>    Affects Versions: 2.0.0
>         Environment: Windows Phone
>            Reporter: Rob Van Wicklen
>            Assignee: Jesse MacFadyen
>             Fix For: 2.2.0
>
>
> A "webviewbounce" option can be set to fix an app's viewable area in place on the iOS screen, making it so that users cannot drag it and move it off the side of the screen. A similar setting is needed for Windows Phone.
> Currently, even if the viewport size is set to the device screen dimensions and the scale is fixed at 1.0, Windows Phone users can still drag the app's viewport which results in a bounce effect similar to what's seen on iOS when the webviewbounce option isn't set to false.
> The Windows Phone WebBrowser control doesn't directly expose a property that lets you eliminate the bounce, but the desired result can be acheived with a small amount of wrapper code around the control. This would need to be implemented within Cordova. The following article explains how to do it:
>  
> http://www.scottlogic.co.uk/blog/colin/2011/11/suppressing-zoom-and-scroll-interactions-in-the-windows-phone-7-browser-control
> Justification: the ability to eliminate the bounce effect is important for app developers who want to create an experience that's similar to a native app. This is not currently possible on Windows Phone.

--
This message is automatically generated by JIRA.
If you think it was sent incorrectly, please contact your JIRA administrators
For more information on JIRA, see: http://www.atlassian.com/software/jira

[jira] [Commented] (CB-1247) An option similar to "webviewbounce" is needed that works on Windows Phone

Posted by "Jesse MacFadyen (JIRA)" <ji...@apache.org>.
    [ https://issues.apache.org/jira/browse/CB-1247?page=com.atlassian.jira.plugin.system.issuetabpanels:comment-tabpanel&focusedCommentId=13444539#comment-13444539 ] 

Jesse MacFadyen commented on CB-1247:
-------------------------------------

webviewbounce actually implies different functionality.

webviewbounce tells the native code to prevent the additional animation.

The anomaly you are seeing is the result of some of the manipulations not being caught.
This will need to be addressed differently than the webviewbounce implementation mentioned.

                
> An option similar to "webviewbounce" is needed that works on Windows Phone
> --------------------------------------------------------------------------
>
>                 Key: CB-1247
>                 URL: https://issues.apache.org/jira/browse/CB-1247
>             Project: Apache Cordova
>          Issue Type: Bug
>          Components: WP7
>    Affects Versions: 2.0.0
>         Environment: Windows Phone
>            Reporter: Rob Van Wicklen
>            Assignee: Jesse MacFadyen
>             Fix For: 2.1.0
>
>
> A "webviewbounce" option can be set to fix an app's viewable area in place on the iOS screen, making it so that users cannot drag it and move it off the side of the screen. A similar setting is needed for Windows Phone.
> Currently, even if the viewport size is set to the device screen dimensions and the scale is fixed at 1.0, Windows Phone users can still drag the app's viewport which results in a bounce effect similar to what's seen on iOS when the webviewbounce option isn't set to false.
> The Windows Phone WebBrowser control doesn't directly expose a property that lets you eliminate the bounce, but the desired result can be acheived with a small amount of wrapper code around the control. This would need to be implemented within Cordova. The following article explains how to do it:
>  
> http://www.scottlogic.co.uk/blog/colin/2011/11/suppressing-zoom-and-scroll-interactions-in-the-windows-phone-7-browser-control
> Justification: the ability to eliminate the bounce effect is important for app developers who want to create an experience that's similar to a native app. This is not currently possible on Windows Phone.

--
This message is automatically generated by JIRA.
If you think it was sent incorrectly, please contact your JIRA administrators
For more information on JIRA, see: http://www.atlassian.com/software/jira