Declined
Last Updated: 20 Nov 2014 19:02 by ADMIN
Imported User
Created on: 05 Mar 2013 15:31
Category: Kendo UI for jQuery
Type: Feature Request
12
Kendo UI Mobile: Add mouse wheel scrolling for desktop browsers.
We would like to write a UI using Kendo UI Mobile and be able to still use it with mouse scrolling on desktop browsers like Firefox / IE etc.

This was also asked about here: http://www.kendoui.com/forums/mobile/general-discussions/mouse-wheel-scrolling-in-desktop-browser.aspx
6 comments
ADMIN
Telerik Admin
Posted on: 07 Feb 2014 15:35
Kendo UI Mobile is not supported in desktop browsers

Update: We are contemplating to decouple the widgets from the Kendo UI mobile application, and thus allow them to be used in web apps on desktop. Stay tuned for updates later this year.
Koos
Posted on: 04 Feb 2014 13:30
"Kendo UI Mobile is not supported in desktop browsers" 

I think this is a major mistake. There is a huge market for web applications working on any HTML5-capable device.
Richard
Posted on: 08 Nov 2013 20:19
Mikhail - Thank you much!  we do have a single source app that runs on both desktop and mobile, but the scrolling in small popover list panes needed your fix!
Pete
Posted on: 23 Aug 2013 03:46
Mikhail, thanks so much!  Your CSS is exactly the way I wanted to solve this!  

Brandon, I think you really need to rethink no supporting desktop browsers, or not having a cross path.  To not support desktop behaviors (when you even have a variable for kendo.support.mobileOS) means that I can't have one set of source files to maintain.  Especially when support is as easy as Mikhail suggestion, I'd like to urge you to rethink your position.

Thank you.
Imported User
Posted on: 28 May 2013 05:49
The workaround that i used is override css styles for scroller. This disables endless scroll and pull to refresh though. What i did:
 if (kendo.support.mobileOS) $("html").addClass("desktop");

 .desktop    .km-scroll-wrapper {
        overflow: auto !important;
        height: 100% !important;
    }

 .desktop    .km-scroll-container {
        -webkit-transform: translate3d(0px, 0px, 0px) scale(1) !important;
    }

 .desktop    .km-touch-scrollbar {
        display: none;
    }

This is a hack. I wish there was native support for mousewheel on desktop.
Fotis Papppas
Posted on: 29 Mar 2013 21:10
Check this fiddle for a workaround 

http://jsfiddle.net/WGc2Y/11/