Size & Position with getRect()

Retrieve the dimensions and coordinates of an element for layout validation.

Concept

When you need to verify where an element is on the page and how big it is, Selenium gives you geometry data through getRect().

What it does

getRect() returns a Rectangle object containing X, Y coordinates and width, height dimensions.

When to use

Validating element rendering
Checking usable size
Comparing element positions

Why it's useful

One call gets position + size
Perfect for layout checks

Prefer getRect() in Selenium 4

Legacy methods getLocation() and getSize() still work, but getRect() combines both and is cleaner.

Interactive Practice

Practice Area

Target Box

Current Client Rect:

x:0

y:0

w:0

h:0

Resize the browser window or scroll to see the rect values update!

Java Code Example

GetRect.java

1
2
3
4
5
6
7
8
9
10
11
12
13
14
WebElement box = driver.findElement(By.id("target-box"));
Rectangle rect = box.getRect();

System.out.println("X: " + rect.getX());
System.out.println("Y: " + rect.getY());
System.out.println("Width: " + rect.getWidth());
System.out.println("Height: " + rect.getHeight());

// Sanity check: Is it visible with non-zero size?
if (rect.getWidth() > 0 && rect.getHeight() > 0) {
    System.out.println("Element has valid dimensions.");
}

driver.quit();

Code Breakdown

box.getRect(): Retrieves location and size in one call.
rect.getX() / rect.getY(): Returns coordinates from viewport edges.
rect.getWidth() / rect.getHeight(): Returns dimensions in pixels.

Pro Tip

Prefer getRect()

Use getRect() instead of combining getLocation() and getSize().

Allow tolerance

Use small pixel tolerance for cross-browser differences.

True geometry

If element is tiny/off-screen, that's why interactions fail.