touch scrolling issue when rendered outside body, FittableRows fit: true not consistent

Description

This issue is related to https://enyojs.atlassian.net/browse/ENYO-4119

I'm attaching modified bootplate_test.zip, which describes the issue.

Modified are only files:
views/views/js,app.js,debug.html

views.js

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 enyo.kind({ name: "myapp.MainView", kind: "FittableRows", fit: true, // <=== comment to break when rendered to div components:[ {kind: "onyx.Toolbar", content: "Hello World", components: [ {kind: "onyx.Button", content: "Tap me", ontap: "helloWorldTap"} ] }, {kind: "enyo.Scroller", fit: true, touch: true, components: [ {name: "main", classes: "nice-padding", allowHtml: true} ]}, ], helloWorldTap: function(inSender, inEvent) { this.$.main.addContent("The button was tapped.<br/>"); } });

app.js

1 2 3 4 5 6 7 8 9 10 11 enyo.kind({ name: "myapp.Application", kind: "enyo.Application", view: "myapp.MainView", renderTarget: "enyoApp", //<== comment to fix }); enyo.ready(function () { new myapp.Application({name: "app"}).renderInto(getElementById('enyoApp')); //<== comment to fix //new myapp.Application({name: "app"}) // <== uncoment to fix });

debug.html

1 2 3 <body class="enyo-unselectable"> <div id="enyoApp"></div> </body>

Steps to reproduce:

  • unzip bootplate_test.zip

  • open (Firefox) debug.html (e.g. firefox bootplate_test/debug.html)

  • press several times Tap me button to make some lines

  • try to drag the lines with mouse pointer => not working even though touch: true is used in enyo.Scroller

  • as suggested in in https://enyojs.atlassian.net/browse/ENYO-4119, comment fit:true in FittableRows - file view.js, reload application (F5 in browser)

  • Tap me button stops working completely, no new lines are added!

  • change file app.js (comment 2 lines, uncomment 1 line) to:

1 2 3 4 5 6 7 8 9 10 11 enyo.kind({ name: "myapp.Application", kind: "enyo.Application", view: "myapp.MainView", //renderTarget: "enyoApp", //<== comment to fix }); enyo.ready(function () { //new myapp.Application({name: "app"}).renderInto(getElementById('enyoApp')); //<== comment to fix new myapp.Application({name: "app"}) // <== uncoment to fix });
  • reload (F5) - Tap me button is working again, touch scrolling works as well

  • uncommenting fit:true in FittableRows does not break functionality

The issue is related to rendering application to some other location than to the <body>. Touch scrolling was working in 2.4.0.
Thank you for feedback. If I'm using something icnorrectly, please let me know.

Environment

Xubuntu 14.10, Firefox 34.0 (or Chrome)

Status

Assignee

Screener (Enyo Team)

Reporter

n

Labels

External issue ID

None

Tango Test Run Elements

None

Old Issue Key

None

Components

Affects versions

2.5.1-pre.8

Priority

None
Configure