Firefox將不會顯示2行textarea的滾動條

Question

如果我設置高度以便實際只顯示兩行，Firefox將不會在2行textarea中顯示滾動條。我必須使它足夠大才能顯示下面的一行。有人爲此工作過嗎？

我創建了一個的jsfiddle：http://jsfiddle.net/briank/ATFdE/6/

<textarea rows="2" style="width: 200px; height: 30px; overflow:auto"> 
This is some text. see if it shows scrollbars 
1 
2 
3 
</textarea> 

Answer 1

沒有可行的解決方法，你只是試圖把一頭大象放在茶杯裏。在給定的閾值以下，根據系統和瀏覽器的不同，大約有35個像素左右，但對於可識別的滾動條來說，再也沒有空間了。 Firefox決定隱藏它，Chrome只是刪除滾動拇指 - 這意味着它不可用。

爲了讓它看起來，實際上給它足夠的高度有一個。

在半相關說明中，您可以在CSS中設置resize:none以使textarea元素具有靜態大小，而不是右下角的可調整大小的角。這也給了它更多的空間來裝配滾動條，但在通常情況下，在30像素的高度仍然沒有足夠的空間。

Answer 2

在Firefox中，即使你textarea通過點擊手動，該textarea仍然可以改變高度設置height並拖動角落。實際上角落附近有一個標誌表示這種變化的身高能力。所以你不必擔心它。也許設置一個更大的高度是更好的。

Answer 3

Chrome可以很好地處理這個問題，因此我將測試用例添加到了現有的缺陷here中。