Cursor not showing in Device Mode (Google Chrome)

user_2664414 0
Viewed 18080

So I'm trying to develop a webapplication and I'm trying to check it out on mobile. I'm currently using Cordova and JQuery Mobile together with ripple.js to view my application in my browser.

  • The first issue (as far as I know) is that ripple.js will work best in Google Chrome, so this is my only test platform.
  • The second issue is that when I toggle Device Mode on, it doesn't show me the black dot (cursor) when I enter the rendered version.

I'll explain my situation or a scenario:

  1. As an example I'll go to http://google.com
  2. I press F12 to enter developer mode

  3. I click the Toggle Device Mode button
    enter image description here

  4. I will see my cursor, until I enter the generated mobile canvas. While I would normally see a black transparant dot, I now see nothing. I can however click and drag like I would normally do, but I can't see what I'm doing.

The things I already tried:

  • Reset all the flags back to default
  • Reset all developer tool settings to default
  • (edit) Installed a previous version of Chrome AND Chromium

So question is, how do I get my cursor back?

Extra: I'm using version 49.0.2623.87 m, but that's not related since my co-worker, has the same version and he sees the cursor.

(edit) currently I'm using the mouse option where I press Ctrl to see the circle which indicates where my cursor is, but this really has to be a temp solution.

(edit) I fixed it by doing a combination of things. So I'm not sure which exact thing fixed it. I removed a few programs that I installed after it still worked. I uninstalled about 4 of them. Also I did an update of my graphics card and then did a reboot. So it could be either the graphics card update, the software uninstall and/or the reboot.

google-chrome
5 Answers

Had the same on my Asus laptop with Chrome 66

Resolution that worked for me

  1. Graphics Control Panel > Display > General Settings > Scaling > Change to Scale full screen.

  2. OFF your Asus Eye Care Switcher.

user_43277950

I am posting this as answer because above mentioned answer didn't work for me but I had this issue when I had a monitor attached to my laptop, for development work. I played around with my display settings and discovered that IF the scale on my second monitor did not match the scale on my laptop, the mobile development mode cursor would disappear. (windows 10)

If this is an issue for anyone just go into Display settings -> Display -> Scale and Layout --> make sure that both your laptop/desktop matches the display scale of your second monitor.

Hope this will help.

user_64911690
Related