jQueryUI下被拖動的元素上飄
癥狀出現在幾乎所有瀏覽器里。使用1.10.x的draggable，在滾動欄下移（即非處于頁面頂部）的時候拖動draggable的元素，它會向上跳一段距離。解決辦法是將jQueryUI1.10.x的_convertPositionTo()和_generatePosition()換為1.9.2的或者設置父元素的position為absolute以外的值。（應該是父元素為absolute時計算offset又逗比了……）
參考：JqueryUI1.10.xDialogdragissueonlargebodyheight
追記：閑著自己實現了一個可拖拽效果，放在了Gist里，jQueryUI的這個bug應該是在計算拖拽時位置的時候用了clientX和clientY而不是pageX和pageY，導致計算出來的offset過小引起的
IE里文本框點擊后光標向上飄
如果想要居中，兼容IE的話一般是height和line-height設為同一個值。此時需要保證：
input使用content-box
height和line-height都要設，不能只設line-height
應該是IE在border-box下計算linebox大小的時候有延遲所以出現了向上飄……其他瀏覽器沒有這個現象。
引起這個bug是因為項目的css拿了bootstrap3做base，而bootstrap3給所有元素都設了box-sizing:border-box。
參考：WhydidBootstrap3switchtobox-sizing:border-box?
追記：IE9里使用搜狗輸入法時按空格文字會下沉……找來找去發現是瀏覽器+輸入法交互產生的問題也是醉了，前端根本不可控囧解決方法只有：提醒用戶要么換掉IE9，要么換輸入法hhhh
無法用checked選中radiobutton
檢查有沒有套上form。在某些瀏覽器下似乎沒有套上from的input添加checked是沒有樣式的=。=
chrome下p里套div造成解析錯誤
后端的人傳來的HTML我一看也是醉了……參考MDN的文檔，<p>的合法內容為phrasingcontent，其中不包括div
<p>
<div></div>
</p>
在chrome里解析完之后就成了
<p></p>
<div></div>
<p></p>
English » | | | | | | | | |
Text-to-speech function is limited to 100 characters