5 replies

1. Zach Leatherman 3 min later

   Have you ever struggled with a focusable element (custom drop down menu) that disappears when you swap focus to your Developer Tools?

   This “Emulate a focused page” checkbox is for you!

   More: https://developer.chrome.com/docs/devtools/rendering/apply-effects/#emulate-a-focused-page

   1. Luke 8 min later

      @zachleat omg how have I never seen this before...

      SO much time spent debugging focus stuff and this would have helped a lot 😅.

      1. Zach Leatherman 14 min later

         @Lukew I also just learned this! I think it might be brand new!

   2. Alan Norbauer 8 hr later

      @zachleat you can also do this this trick for the same effect: https://alan.norbauer.com/articles/browser-debugging-tricks#inspect-an-elusive-element

   3. Chris​‌​‬ Hayes‌​​​ 13 hr later

      @zachleat nice, so I can stop doing `setTimeout ({} => { debugger; }, 3000)`