autoScroll doesn't work in IE and FireFox

6 posts, 0 answers
  1. Taras
    Taras avatar
    11 posts
    Member since:
    May 2015

    Posted 14 Sep 2015 Link to this post

    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="addWidgetButtron1_@Model.Id" 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="'#ListView_2_@Model.Id, #ListView_3_@Model.Id'"
             kendo-list-view="ListView_1_@Model.Id" id="ListView_1_@Model.Id"
             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="addWidgetButtron2_@Model.Id" 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="ListView_2_@Model.Id" dashId="@Model.Id" areano="2" class="tabContent"
                  kendo-sortable k-connect-with="'#ListView_1_@Model.Id, #ListView_3_@Model.Id'"
                  kendo-list-view="ListView_2_@Model.Id" 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.

  2. Petyo
    Admin
    Petyo avatar
    2438 posts

    Posted 16 Sep 2015 Link to this post

    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
     
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
     
  3. Kendo UI is VS 2017 Ready
  4. Taras
    Taras avatar
    11 posts
    Member since:
    May 2015

    Posted 16 Nov 2015 in reply to Petyo Link to this post

    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

  5. Petyo
    Admin
    Petyo avatar
    2438 posts

    Posted 18 Nov 2015 Link to this post

    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
     
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
     
  6. Alexander
    Alexander avatar
    19 posts
    Member since:
    Jun 2012

    Posted 12 Jan in reply to Petyo Link to this post

    Autoscroll still does not work in Firefox. 

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

  7. Petyo
    Admin
    Petyo avatar
    2438 posts

    Posted 12 Jan Link to this post

    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
     
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
     
Back to Top
Kendo UI is VS 2017 Ready