{"action":"created","issue":{"url":"https://api.github.com/repos/angular-gantt/angular-gantt/issues/320","labels_url":"https://api.github.com/repos/angular-gantt/angular-gantt/issues/320/labels{/name}","comments_url":"https://api.github.com/repos/angular-gantt/angular-gantt/issues/320/comments","events_url":"https://api.github.com/repos/angular-gantt/angular-gantt/issues/320/events","html_url":"https://github.com/angular-gantt/angular-gantt/issues/320","id":54869378,"number":320,"title":"Scrolling with height set does not show last rows","user":{"login":"kschwidder","id":3265624,"avatar_url":"https://avatars.githubusercontent.com/u/3265624?v=3","gravatar_id":"","url":"https://api.github.com/users/kschwidder","html_url":"https://github.com/kschwidder","followers_url":"https://api.github.com/users/kschwidder/followers","following_url":"https://api.github.com/users/kschwidder/following{/other_user}","gists_url":"https://api.github.com/users/kschwidder/gists{/gist_id}","starred_url":"https://api.github.com/users/kschwidder/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/kschwidder/subscriptions","organizations_url":"https://api.github.com/users/kschwidder/orgs","repos_url":"https://api.github.com/users/kschwidder/repos","events_url":"https://api.github.com/users/kschwidder/events{/privacy}","received_events_url":"https://api.github.com/users/kschwidder/received_events","type":"User","site_admin":false},"labels":[{"url":"https://api.github.com/repos/angular-gantt/angular-gantt/labels/bug","name":"bug","color":"e11d21"}],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":14,"created_at":"2015-01-20T10:58:51Z","updated_at":"2015-01-21T14:10:43Z","closed_at":null,"body":"I have observed a major issue with scrolling the gantt with angular material when the height is set.\r\nWhen I scroll through the items the vertical scroll bar flickers when I reach the end.\r\nThe last two items are not shown BUT they appear if I select a task or the tooltip is displayed.\r\n\r\nWhat could be the reason for this behavior ? I can give you access to the system to observe it if necessary.\r\n\r\nThx for your support in advance!\r\n\r\nThe current options are as follows:\r\n\r\n               $scope.options = {\r\n                    mode: 'name',\r\n                    scale: 'week',\r\n                    sortMode: undefined,\r\n                    sideMode: 'Tree',\r\n                    maxHeight: true,\r\n                    width: true,\r\n                    columns: ['model.name', 'from', 'to'],\r\n                    treeTableColumns: ['from', 'to'],\r\n                    columnsHeaders: {'model.name' : 'Name' ,'from': 'From', 'to': 'To'},\r\n                    columnsFormatters: {\r\n                        'from': function(from) {\r\n                            return from !== undefined ? from.format('lll') : undefined;\r\n                        },\r\n                        'to': function(to) {\r\n                            return to !== undefined ? to.format('lll') : undefined;\r\n                        }\r\n                    },\r\n                    autoExpand: 'none',\r\n                    taskOutOfRange: 'truncate',\r\n                    fromDate: moment().subtract(1,'weeks'),\r\n                    toDate: moment().add(1,'years'),\r\n                    allowSideResizing: true,\r\n                    labelsEnabled: true,\r\n                    currentDate: 'line',\r\n                    currentDateValue: new Date(),\r\n                    draw: false,\r\n                    readOnly: false,\r\n                    groupDisplayMode: 'overview',\r\n                    filterTask: '',\r\n                    filterRow: '',\r\n                    timeFrames: {\r\n                        'day': {\r\n                            start: moment('8:00', 'HH:mm'),\r\n                            end: moment('20:00', 'HH:mm'),\r\n                            working: true,\r\n                            default: true\r\n                        },\r\n                        'noon': {\r\n                            start: moment('12:00', 'HH:mm'),\r\n                            end: moment('13:30', 'HH:mm'),\r\n                            working: false,\r\n                            default: true\r\n                        },\r\n                        'weekend': {\r\n                            working: false\r\n                        },\r\n                        'holiday': {\r\n                            working: false,\r\n                            color: 'red',\r\n                            classes: ['gantt-timeframe-holiday']\r\n                        }\r\n                    },\r\n                    dateFrames: {\r\n                        'weekend': {\r\n                            evaluator: function(date) {\r\n                                return date.isoWeekday() === 6 || date.isoWeekday() === 7;\r\n                            },\r\n                            targets: ['weekend']\r\n                        },\r\n                        '1-august': {\r\n                            evaluator: function(date) {\r\n                                return date.month() === 8 && date.date() === 1;\r\n                            },\r\n                            targets: ['holiday']\r\n                        }\r\n                    },\r\n                    timeFramesNonWorkingMode: 'cropped',\r\n                    columnMagnet: '15 minutes',\r\n                    timeFramesMagnet: true,\r\n                    api : function(api) {\r\n\r\n                        $scope.api = api;\r\n\r\n                        api.core.on.ready($scope, function () {\r\n                        });\r\n\r\n                        api.directives.on.new($scope, function(directiveName, directiveScope, element) {\r\n                            if (directiveName === 'ganttTask') {\r\n                                element.bind('click', function () {\r\n                                    $scope.logTaskEvent('task-click', directiveScope.task);\r\n                                });\r\n                            }\r\n                        });\r\n\r\n                    }\r\n                };\r\n\r\nThe current HTML code is as follows:\r\n       <div class=\"container-fluid\" >\r\n            <div gantt\r\n                 data=\"dashboard\"\r\n                 timespans=\"timespans\"\r\n                 show-side=\"options.labelsEnabled\"\r\n                 filter-task=\"{'name': options.filterTask}\"\r\n                 filter-row=\"{'name': options.filterRow}\"\r\n                 sort-mode=\"options.sortMode\"\r\n                 view-scale=\"options.scale\"\r\n                 column-width=\"getColumnWidth(options.width, options.scale)\"\r\n                 auto-expand=\"options.autoExpand\"\r\n                 task-out-of-range=\"options.taskOutOfRange\"\r\n                 from-date=\"options.fromDate\"\r\n                 to-date=\"options.toDate\"\r\n                 allow-side-resizing=\"options.allowSideResizing\"\r\n                 current-date=\"options.currentDate\"\r\n                 current-date-value=\"options.currentDateValue\"\r\n                 headers=\"options.width && options.shortHeaders || options.longHeaders\"\r\n                 max-height=\"options.maxHeight && 400 || 0\"\r\n                 time-frames=\"options.timeFrames\"\r\n                 date-frames=\"options.dateFrames\"\r\n                 time-frames-non-working-mode=\"options.timeFramesNonWorkingMode\"\r\n                 time-frames-magnet=\"options.timeFramesMagnet\"\r\n                 api=\"options.api\"\r\n                 column-magnet=\"options.columnMagnet\">\r\n                <gantt-tree enabled=\"options.sideMode === 'Tree' || options.sideMode === 'TreeTable'\"></gantt-tree>\r\n                <gantt-table enabled=\"options.sideMode === 'Table' || options.sideMode === 'TreeTable'\"\r\n                             columns=\"options.sideMode === 'TreeTable' ? options.treeTableColumns : options.columns\"\r\n                             headers=\"options.columnsHeaders\" formatters=\"options.columnsFormatters\"></gantt-table>\r\n                <gantt-groups\r\n                        enabled=\"options.groupDisplayMode === 'group' || options.groupDisplayMode === 'overview'\"\r\n                        display=\"options.groupDisplayMode\"></gantt-groups>\r\n                <gantt-tooltips></gantt-tooltips>\r\n                <gantt-bounds></gantt-bounds>\r\n                <gantt-progress></gantt-progress>\r\n                <gantt-sortable></gantt-sortable>\r\n                <gantt-movable enabled=\"!options.readOnly\"></gantt-movable>\r\n            </div>\r\n        </div>\r\n\r\n![end of scroll with select of item](https://cloud.githubusercontent.com/assets/3265624/5815844/07e46b1e-a09a-11e4-99b5-117af15c60ab.png)\r\n![scrolling to end height-400](https://cloud.githubusercontent.com/assets/3265624/5815845/08072438-a09a-11e4-9a73-576fcbfe7776.png)"},"comment":{"url":"https://api.github.com/repos/angular-gantt/angular-gantt/issues/comments/70842932","html_url":"https://github.com/angular-gantt/angular-gantt/issues/320#issuecomment-70842932","issue_url":"https://api.github.com/repos/angular-gantt/angular-gantt/issues/320","id":70842932,"user":{"login":"Toilal","id":1165758,"avatar_url":"https://avatars.githubusercontent.com/u/1165758?v=3","gravatar_id":"","url":"https://api.github.com/users/Toilal","html_url":"https://github.com/Toilal","followers_url":"https://api.github.com/users/Toilal/followers","following_url":"https://api.github.com/users/Toilal/following{/other_user}","gists_url":"https://api.github.com/users/Toilal/gists{/gist_id}","starred_url":"https://api.github.com/users/Toilal/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/Toilal/subscriptions","organizations_url":"https://api.github.com/users/Toilal/orgs","repos_url":"https://api.github.com/users/Toilal/repos","events_url":"https://api.github.com/users/Toilal/events{/privacy}","received_events_url":"https://api.github.com/users/Toilal/received_events","type":"User","site_admin":false},"created_at":"2015-01-21T14:10:42Z","updated_at":"2015-01-21T14:10:42Z","body":"Great ! please open distinct issues."}}