几个前端Bug的解决方案

发表于:2014-11-27 13:31

字体: | 上一篇 | 下一篇 | 我要投稿

 作者:Joyee    来源:51Testing软件测试网采编

  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>
《2023软件测试行业现状调查报告》独家发布~

关注51Testing

联系我们

快捷面板 站点地图 联系我们 广告服务 关于我们 站长统计 发展历程

法律顾问:上海兰迪律师事务所 项棋律师
版权所有 上海博为峰软件技术股份有限公司 Copyright©51testing.com 2003-2024
投诉及意见反馈:webmaster@51testing.com; 业务联系:service@51testing.com 021-64471599-8017

沪ICP备05003035号

沪公网安备 31010102002173号