[v2] f7-range not working

[lrbalt]

This is a (multiple allowed):

• bug

• enhancement

• feature-discussion (RFC)

• Framework7 Version: 2.0.8

• Framework7-Vue Version: 2.0.7

• Platform and Target: webbrowser, but same error exists on vue-f7-webbrick-cordova app

• Live Link or JSFiddle: reproducable using Official Starter Templates (I used https://github.com/framework7io/framework7-template-vue-webpack)

What you did

Use the default app from https://github.com/framework7io/framework7-template-vue-webpack. Start dev server and try the slider on the form page.

Expected Behavior

Slider changes

Actual Behavior

On firefox, the slider does not move, no error in js console
On chrome the slider does move, but gives js error:

Uncaught TypeError: range.on is not a function
at HTMLDivElement.handleTouchStart (framework7.esm.bundle.js?c501:12119)
at HTMLDivElement.handleEvent (dom7.module.js?d8c4:321)
handleTouchStart @ framework7.esm.bundle.js?c501:12119
handleEvent @ dom7.module.js?d8c4:321

[lrbalt]

I have updated package.json to use git master for both framework7 and framework7-vue, but the issue is not solved. I get the same error on chrome and the slider is not working in firefox

[lrbalt]

nolimits4web solved this in 2.0.10