無法調整文本區高度

我注意到在我的項目中使用textarea時出現了一個奇怪的錯誤。
起初我以爲在我的代碼中有一個問題，但後來我能夠複製該錯誤提取JsFiddle中的這個問題。無法調整文本區高度

的問題是：
如果我之前沒有任何相互作用改變textarea的高度以代碼的用戶，其高度會卡在那個大小。例如，如果您單擊按鈕「更改大小」（位於上面的jsfiddle中），然後嘗試使用元素夾點（在右下角）重新調整爲初始大小，則不能。就好像這個新的高度是textarea新的「最小允許尺寸」。

我在做什麼錯？我錯過了什麼？
預先感謝您。

來源

2016-01-22 Saba

這裏在鉻和Firefox的作品也是 – ketan

@ketan我注意到，在Firefox中工作正常，但仍然存在鉻。那麼它是一個鉻/鉻錯誤？是否有解決方法來解決它？ – Saba

高度覆蓋Chrome中的最小高度。

在老版本的chrome中沒有限制。

所以，如果你使用高度最小高度將是你的身高。所以你只需要設置最小高度和最大高度。 Chrome在高度覆蓋最小高度爲。

textarea{ 
    max-height: auto; 
    min-height: 50px; 
    resize: both; 
}

好這個解決方案對我的作品（Chrome版本47.0.2526.111米）： https://jsfiddle.net/ezsz8xr5/9/

我發現這個interestining鏈接：https://code.google.com/p/chromium/issues/detail?id=94583

似乎是一個已知的問題。

來源

2016-01-22 08:46:52 Maurize

我在'Ubuntu 15.04（64-bit）'上使用'Chromium版本47.0.2526.73'。我改變了style.height，因爲這是瀏覽器在你用手柄移動它時做的事情 – Saba

編輯我的答案。 – Maurize

否它仍然卡住，請記住在單擊「更改大小」按鈕之前不要手動調整大小。 – Saba

無法調整文本區高度

回答

相關問題