过渡未被子树和子树捕获属性断点Chrome开发人员工具

时间:2018-03-22 09:24:43

标签: html css google-chrome-devtools

我有一个网页,如果在最后一个文本框中按下了一个标签键,则右侧幻灯片中的侧窗格(如侧边菜单)。

在Chrome开发工具中,我可以看到它是aside标记,其中包含类control-sidebar control-sidebar-dark,但在旁边标记上设置DOM断点(子树和属性)并未捕获任何内容。

在研究DOM时,似乎根本没有被操纵(我预期滑入应该这样做),因为我没有看到Chrome开发人员工具为受影响的元素显示的HTML标记上的颜色闪烁。

我期待javascript处理旁边标记的滑动但是如何在这种情况下确定?这可能是由于CSS只有动画还是其他东西,如果是,而不是如何调试呢?

我还尝试在开发人员工具animation tab中进行记录,但也保持空白。

这是在网站的特权部分发生的,所以我很抱歉无法放置代码示例或URL。

PS:该模板是右侧http://www.ampleadmin.wrappixel.com/ampleadmin-html/ampleadmin-rtl/index.html(the导航面板的某些修改版本,但它在开发工具动画面板中被记录,而我的没有。

1 个答案:

答案 0 :(得分:0)

我找到了原因。面板内部有锚标签,当从上一个文本框中按下选项卡时,它会聚焦。没有涉及动画,CSS或JS。

Anchor(A)标签默认是焦点,并且面板在移除时不会滑入。