Highlighting Misaligned

Problem

When I highlight an element the highlighting and the context menu are misaligned.

misaligned

Solution

  1. Calibrate your browser. Test Studio tests are meant to always be run with the browser zoom level at 100%.

  2. Set the monitor's DPI setting at Smaller or 100% as well.

Windows 10

  1. Go to Control Panel -> Appearance and Personalization -> Display

  2. Click on set a custom scaling level (refer to the highlighted)

  3. Select 100% from the dropdown

win 10

Windows 8

  1. Go to Control Panel -> Appearance and Personalization -> Display

  2. Check Let me choose one scaling level for all my displays check box

  3. Select Smaller - 100% and click Apply

win 8

Windows 7

  1. Go to Control Panel -> Appearance and Personalization -> Display

  2. Select Smaller - 100% and click Apply

win 7