我有一个TextArea，当文本量超过可视TextArea的容量时，滚动条会出现，并在一定程度上正常工作。
我的问题是，在一定数量的文本之后，文本被切断，滚动条不再滚动。如果我删除了前面的行，新的被切断的行确实会出现在底部。
我已经搜索了一段时间，还没有弄清楚如何，或为什么会发生这种情况。
我用的是场景生成器，应该会有区别吧。
相关FXML代码：

<TextArea fx:id="diaryTF" layoutX="10.0" layoutY="99.0" prefHeight="445.0" prefWidth="491.0" promptText="Write Entry Here..." wrapText="true" />

CSS代码：

.text-field{

-fx-font-family: 'Kiwi3';
-fx-background-color: null;

}
.text-area{
    -fx-font-family: 'Kiwi3';
    -fx-background-color: none;  
    -fx-border-color: none;
    -fx-font-size: 15;    
}
.text-area .text {
    -fx-line-spacing: 10px;
}
.text-area .scroll-pane {
    -fx-background-color: transparent;
}
.text-area .scroll-pane .viewport{
    -fx-background-color: transparent;
}
.text-area .scroll-pane .content{
    -fx-background-color: transparent;
}

我试着检查是否有一些我没有意识到的约束，或者TextArea是否有一个我可以覆盖的自动容量，但是我什么都找不到。
我在这里发现了一个类似的问题，但是他们的滚动根本不起作用，他们的修复对我也不起作用。再一次，滚动起作用了，只是出于某种原因，它没有走到文本的结尾。另外，这个问题与在TextArea中加载文本文件完全无关。