google-chromegoogle-chrome-devtoolsdevice-emulation

Mouse missing inside the mobile device emulator in Chrome dev tools, how to get it back?


I'm not sure if something just changed with dev tools with an update or if I accidentally pressed something on the settings but I no longer get the circle mouse indicator inside the mobile emulator. Is there a way to get it back?

Steps to replicate:

  1. Open dev tools (press F12 key)
  2. Toggle the device tool bar (Ctrl + Shift + M, the focused window must be the dev tool bar for this shortcut to work or just click the device icon)
  3. Select "iPhone 6" from the drop down
  4. Mouse into the mobile emulator window
  5. In my case the mouse disappears, how to get it back so I know where I'm clicking?

Solution

  • So not a real solution but the workaround was to switch monitors. Apparently if you are using a dual monitor set up switching the dev tools from the problem monitor to the other cases the mouse to show up. Don't think this is a dev tools problem but more of an issue with how multi monitor set ups work. I am on windows so maybe windows specific.