サイドバーをスクロールできない

[yumetodo]

Windows 10環境下にてChrome以外でサイドバーをスクロールできない。スクロールバーが無効でマウスのスクロールも効かない。

• Firefox 57.0 : NG
  
• Microsoft Edge 41.16299.15.0 : NG
  
• Google Chrome 62.0.3202.94 : OK
  

[saki7]

サイドバー（ツリー）のそれぞれの要素は、親要素（Flexコンテナ）のサイズに依存して自動でサイズが決まります。実はここにはJavaScriptのコードによる動的なサイズ調整は1か所も含まれておらず、全てCSSのFlexboxで決定されています。

そのため、要素の高さを決定するためのCSSをミスした時点で、全ての子要素の高さが正しく決定されなくなります。これには、たとえば、見た目的には正しく見えていても、ブラウザの開発者ツールで数値を見た時に高さがゼロになっているものなどもあります。

僕の開発環境（Chrome, Ubuntu）で正しく見えているのは、たまたま見れているだけだと思います。kunaiのcssのどこかに、Flexboxの高さの決定（例えばjustify-content）のコードが間違っている箇所があると思います。これを正しくすれば、親要素が正しく overflow-y: scroll すると思います。

デバッグの方法としては、ブラウザの開発者ツールを使って、右上に出るHTMLの要素ごとのプレビューボックスを見て、 width とか height が実際の見た目と一致しているかというチェックが使えます（手動です）。

これが直った場合、 #58 と #59 が同時に直る可能性が高いです。この問題は根が深いですが、重要度は非常に高いです（僕はすぐに原因は思いついていません）。

[yumetodo]

Ubuntu 16.04.3 LTS Firefox 56.0でも再現

私自身は来週木曜日くらいまでデバッグに取り組めなさそうです・・・