autoScroll doesn't work in IE and FireFox

[Taras]

Hallo. I was trying to set auatoScroll in Sortable. All is working fine in Chrome, but won't  work in IE or FF.
The markup for Sortables is below: 

<div id="mainPanel" class="@leftSize" data-area-columns="@columnsFit[0]">
<div id="dashboardPanel1" class="dashboardPanel">
   div id="[e-mail]" class="blankText" ng-click="addWidgetClicked(@Model.Id,1)">Drag your widgets here or <a data-toggle="modal" data-target="#add-widget-modal">add a new widget</a></div>
     <div  dashId="@Model.Id" areano="1" class="tabContent"
         kendo-sortable k-connect-with="'#[e-mail], #[e-mail]'"
         kendo-list-view="[e-mail]" id="[e-mail]"
         k-options="widgetsListOptions(@Model.Id,1)">
     </div>
   </div>
 </div>

@if (Model.Layout != DashboardLayout.Column1)
   {
    <div class="@centerSize"  data-area-columns="@columnsFit[1]">
     <div id="dashboardPanel2"class="dashboardPanel">
       <div id="[e-mail]" class="blankText" ng-click="addWidgetClicked(@Model.Id,2)">Drag your widgets here or <a  data-toggle="modal" data-target="#add-widget-modal">add a new widget</a></div>
           <div id="[e-mail]" dashId="@Model.Id" areano="2" class="tabContent"
              kendo-sortable k-connect-with="'#[e-mail], #[e-mail]'"
              kendo-list-view="[e-mail]" k-options="widgetsListOptions(@Model.Id,2)">
            </div>
         </div>
      </div>
       }

 

 "widgetsListOptions" is below:

function widgetsListOptions(dashboardId, areaNo) {
               return {
                   dataSource: new kendo.data.DataSource({
                      //removed from this post because too long and not related.
                   }),
                   template: function (e) {
                       var t = $templateCache.get('widgetTemplate' + e.widgetType + '.html');

                       return t;
                   },
                   change: function (e) {
                        $scope.widgetAreaChanged(e);
                   },
                   placeholder: function (element) {
                       return element.clone().addClass("placeholder");
                   },
                   hint: function (element) {
                       return element.clone().addClass("hint")
                           .height(element.height())
                           .width(element.width());
                   },
                   cursor: "move",
                   autoScroll:"true",
               }
           };

Chrome video: http://screencast.com/t/kxfy9RFiDt
IE(the same in FF) video: http://screencast.com/t/yz3TqRuIhGA

was used Kendo 2015.2.902, ASP .Net MVC, angular, bootstrap styles.

[Petyo]

Hello Taras,

 

thank you for contacting us. It looks like the autoScroll implementation does not work as expected in FF/IE. I managed to reproduce the problem in this demo, too. 

 

I am logging this as an issue here. We will do our best to address it in a timely manner. 

 

Regards,
Petyo
Telerik

 

 

[Taras]

In release notes for 2015.3.1111 was told "AutoScroll does not work as expected in Firefox"

 But it isn't true.

In fact, fixed in IE (was Ok in Chrome), but it isn't fixed for FF.

Video http://screencast.com/t/h0xxD0f4HB

[Petyo]

Hello Taras,

 

the demo from my previous response works as expected in firefox after updating its version. Chances are that your setup features something which our implementation does not account for. May you please modify the demo I used so that we may reproduce the problem on our side? Thank you in advance. 

 

Regards,
Petyo
Telerik

 

 

[Alexander]

Autoscroll still does not work in Firefox. 

See example: http://dojo.telerik.com/ULuso

[Petyo]

Hello Alexander,

 

The problem in this example is the overflow-x/overflow-y usage. Reducing it to `overflow: scroll` resolves the problem.

 

Regards,
Petyo
Telerik