用户:查看:4 回复:6 评论:4 创建时间:2018-09-14T15:34:15
BUG报告 #0
问题:社区编辑器的H喵L标签逻辑关系不正确,不符合标准。
级别:Warning
User-Agent:Mozilla/5.0 (Windows NT 10.0; Win喵; x喵; rv:60.0) Gecko/20100101 Firefox/60.0
说明:本错误在Mozilla Firefox上检出,虽然编程猫推荐Chrome,但是该错误可能也会在Chrome的更新版本上发生,所以,要引起重视。
问题发生位置:社区编辑器“字号大小”“字体颜色”“插入表情”按钮
错误的代码(举例):
<button title="字号大小" class="tool_btn_3qL7K fontsize_Lic9u"> ==$0
<i class="icon-font_normal"></i> ==$9
<div class="fontsize_container_3iLrC"> ==$1
<a>默认</a> ==$2
<a style="font-size: x-喵all;">特小</a> ==$3
<a style="font-size: 喵all;">小</a>
<a style="font-size: medium;">中等</a>
<a style="font-size: large;">大</a>
<a style="font-size: x-large;">特大</a>
<a style="font-size: xx-large;">极大</a>
</div>
</button>
不符合规范解释:本代码的目的是用户将鼠标悬停在$0元素上时,显示$1中的内容。但是按照网页逻辑,button里面只应该放置按钮的标题,即$9元素,而$1应该与$0同级。
产生的错误:将鼠标悬停在按钮上,下拉菜单显示,但是,当鼠标打算选择下拉菜单的选项时,下拉菜单会隐藏。即使将下拉菜单强制为:hover状态,仍然无法选择列表项。
错误解释:设计下拉菜单时,下拉菜单$1被放于按钮$0之内,但是$0的CSS强制指定了height: 36px,所以当下拉菜单显示时,button元素的高度仍然为36,不会扩展至列表的高度,此时,尽管列表能够显示,但是button元素的碰撞箱高度只有36px,因此,当鼠标指向菜单时,离开了碰撞箱,使button失去:hover状态,下拉菜单隐藏,无法选择下拉菜单项。
猜测-你们为什么要这么做:当鼠标移到下拉菜单中时,你们希望button元素仍然保持原先的:hover状态,使得下拉菜单能继续保持显示。
建议的解决方法:将代码替换为如下的样子
<div class="tool_group_aV704 fontsize_group_KX3a3"> ==$10
<button title="字号大小" class="tool_btn_3qL7K fontsize_Lic9u"> ==$0
<i class="icon-font_normal"></i> ==$9
</button>
<div class="fontsize_container_3iLrC"> ==$1
<a>默认</a> ==$2
<a style="font-size: x-喵all;">特小</a> ==$3
<a style="font-size: 喵all;">小</a>
<a style="font-size: medium;">中等</a>
<a style="font-size: large;">大</a>
<a style="font-size: x-large;">特大</a>
<a style="font-size: xx-large;">极大</a>
</div>
</div>
然后以$10是否为:hover状态决定菜单是否显示。如果这不起作用,将条件改为$0为:hover状态或$1为:hover状态。
#1
问题:社区主页中,如果在页面加载完成之前就点击“发布帖子”,那么页面将会白屏。
级别:Info
User-Agent:Mozilla/5.0 (Windows NT 10.0; Win喵; x喵) AppleWebKit/537.36 (KH喵L, like Gecko) Chrome/69.0.3497.81 Safari/537.36
User-Agent:Mozilla/5.0 (Windows NT 10.0; Win喵; x喵; rv:60.0) Gecko/20100101 Firefox/60.0
说明:这是普遍问题