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

app.js

debug.html

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:

  • 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)

Activity

Show:
Lis Hammel
March 3, 2015, 7:30 PM

apologies for the delay. This is in our queue for review.

Ryan Duffy
February 2, 2016, 9:07 PM

I believe the issue here is that the document's body has no height so the dy (change in Y) of the drag events is always 0 making vertical dragging impossible. The reason it is that using renderInto on the <body> causes enyo to apply .enyo-body-fit to it and enyo-document-fit to <html>. These classes add height: 100% to both nodes which is required when running the document in strict mode which is triggered by the <!DOCTYPE html> at the top of the bootplate debug.html.

So ... The solution here is to apply the full height to those DOM nodes.

Assignee

Screener (Enyo Team)

Reporter

n

Labels

External issue ID

None

Tango Test Run Elements

None

Old Issue Key

None

Components

Affects versions

Priority

None
Configure