[frappe-gantt]スクロールバーがかなり下に出るバグの対応方法

2020年5月10日

はじめに

frappe-ganttというjavascriptのガントチャートライブラリ使用時に高さがバグっていてスクロールバーがかなり下に表示されてしまう。

公式サイトでDLされるのは最新版のv0.3.0だが、これがバグっている。
更新も2年以上前でIssueもプルリクもたくさん出ているがどうにも動いてないっぽい。。。
DLしてきたfrappe-gantt.min.js.mapはコンフリクトの跡がそのままになってるし、、、

ということで修正されることはほとんど望めないのでどうにか直すしかない。

Issueにhttps://github.com/frappe/gantt/issues/91このようなものが上がっている。
同じように困っている人はいるみたい。
このやり取りで出ている以下のコードでとりあえず調整することができた。

let gantt = new Gantt("#gantt", tasks);
let new_height = gantt.$svg.getAttribute('height') - 100;
gantt.$svg.setAttribute('height', new_height);

let gantt = new Gantt("#gantt", tasks);

let new_height = gantt.$svg.getAttribute('height') - 100;

gantt.$svg.setAttribute('height', new_height);

以上です。