调试 dropdown 的正确姿势是？

[TWorldIsNButThis]

现在很多组件库 select 的 dropdown 都不是通过原生的 select 实现的
focus 状态消失就立即收回去了，也无法设置 element state 触发弹出
目前知道的一个方式就是在 console 里 setTimeout(() => {debugger}, 3000),
然后在 3 秒内点开让它暂停在那，有没有更直接的方式？

[Baymaxbowen]

css display none 干掉

[hangbale]

Dom 断点

[BigOldBrother]

打开控制台之后，先 focus select 组件，弹出 dropdwon 之后用快捷键（ cmd + shift + C ）选择

[TWorldIsNButThis]

@BigOldBrother 很多组件切到选中状态的时候就消失了，比如知乎首页的搜索框


@hangbale 原理好像和 debugger 类似，不过应该触发更可控 👍

[chnwillliu]

Chrome devtools 可以让页面保持停留在聚焦状态同时你还能操作 devtools. 搜 Emulate a focused page ，enable 即可。