New to Telerik Test Studio? Download free 30-day trial

Highlighting Misaligned

Problem

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

misaligned

Cause

A couple of settings may affect the highlighitng and these are listed below:

  1. Display scale setting set to other than 100%.
  2. Windows option to enlarge text and apps size set to other than 100%.
  3. Only applicable for using the browsers in the automation mode with extension - browser zoom level set to other than 100%.

Solution

Check the three possible settings which affect the highlighting and set these to 100%.

Display Scale Settings

To access the Display settings in Windows:

  1. Open Windows Start menu and type Display Settings.
  2. Choose the suggestion Change the resolution of the display.
  3. Under Scale and Layout section check the value set for the first option - Change the size of text, ...
  4. Ensure to set this to 100%.

Display scale settings

Enlarge Text and Apps Option

The Windows options to enlarge text and apps size allows the user to choose the size of text and images in applications as part of the Ease of Access settings.

  1. Press the Windows key + U to open the Ease of Access settings.
  2. Under Make text bigger section, drag the slider to the left to set it to 100%.

Larger text settings

Browser Calibration Settings

Ensure the browser is calibrated.

In this article