First find out whether the page itself lays text beyond its intended right edge or whether Playwright is capturing a region that is too narrow. Check the viewport and any clip rectangle, inspect the rendered element’s dimensions and overflow, and then choose the screenshot target that matches what you need. fullPage: true captures the full scrollable page; it does not repair horizontal overflow in the page’s CSS.
1. Record the conditions before changing settings
Screenshot behavior can depend on the Playwright release, browser engine, operating system, viewport, pixel density, output scale, page size, and scroll-container structure. Record those values for a failing run so you can compare like with like:
As an Amazon Associate I earn from qualifying purchases.
- Playwright version
- Browser engine and version
- Operating system
- Viewport width and height
deviceScaleFactor- Screenshot
scale, if specified - Whether the capture uses
clip,fullPage, or a locator - Whether the page or a nested element owns scrolling
Change one variable at a time. That helps distinguish a layout problem from a capture-geometry or browser-specific issue.
2. Check whether the screenshot region is too narrow
Inspect the viewport
A viewport screenshot captures the visible browser area. If the page is wider than that viewport, content at the right can sit outside the captured area. Confirm that the viewport is wide enough for the intended responsive layout, and compare the screenshot with the page rendered at that same viewport. Playwright’s screenshot options and capture targets are documented in its Screenshots guide.
#1 Best Overall
- CRISP CLARITY: This 23.8″ Philips V line monitor delivers crisp Full HD 1920x1080 visuals. Enjoy movies, shows and videos with remarkable detail
- INCREDIBLE CONTRAST: The VA panel produces brighter whites and deeper blacks. You get true-to-life images and more gradients with 16.7 million colors
- THE PERFECT VIEW: The 178/178 degree extra wide viewing angle prevents the shifting of colors when viewed from an offset angle, so you always get consistent colors
- WORK SEAMLESSLY: This sleek monitor is virtually bezel-free on three sides, so the screen looks even bigger for the viewer. This minimalistic design also allows for seamless multi-monitor setups that enhance your workflow and boost productivity
- A BETTER READING EXPERIENCE: For busy office workers, EasyRead mode provides a more paper-like experience for when viewing lengthy documents
Check any explicit clip rectangle
If the screenshot call sets clip, verify its x, y, width, and height. The rectangle’s right boundary is x + width; if that ends before the text, Playwright is following the requested crop. Increase the width or adjust the origin to include the content. See the Page screenshot API for the option’s geometry.
Use the right capture target
- Viewport: use the default screenshot when you want what is currently visible in the page viewport.
- Full page: use
fullPage: truewhen content below the fold is missing. Playwright describes this as capturing the full scrollable page, as if it could fit on a very tall screen. It addresses vertical page extent, not horizontal CSS overflow. - Element: use a locator screenshot when only one component matters. This avoids capturing a larger region than necessary.
// Viewport screenshot
await page.screenshot({ path: 'viewport.png' });
// Full scrollable page
await page.screenshot({ path: 'full-page.png', fullPage: true });
// A specific element
await page.locator('.report-panel').screenshot({ path: 'report-panel.png' });3. Inspect the rendered layout and overflow
If text is already clipped or extends beyond the intended edge in the live page, the screenshot is preserving the rendered layout rather than causing the defect. Inspect the target element’s bounds and the page’s horizontal dimensions in the browser:
Rank #2
- CRISP CLARITY: This 22 inch class (21.5″ viewable) Philips V line monitor delivers crisp Full HD 1920x1080 visuals. Enjoy movies, shows and videos with remarkable detail
- 100HZ FAST REFRESH RATE: 100Hz brings your favorite movies and video games to life. Stream, binge, and play effortlessly
- SMOOTH ACTION WITH ADAPTIVE-SYNC: Adaptive-Sync technology ensures fluid action sequences and rapid response time. Every frame will be rendered smoothly with crystal clarity and without stutter
- INCREDIBLE CONTRAST: The VA panel produces brighter whites and deeper blacks. You get true-to-life images and more gradients with 16.7 million colors
- THE PERFECT VIEW: The 178/178 degree extra wide viewing angle prevents the shifting of colors when viewed from an offset angle, so you always get consistent colors
const layout = await page.evaluate(() => {
const el = document.querySelector('.target');
if (!el) return { error: 'Target element not found' };
const rect = el.getBoundingClientRect();
return {
viewportWidth: document.documentElement.clientWidth,
documentWidth: document.documentElement.scrollWidth,
elementLeft: rect.left,
elementRight: rect.right,
elementWidth: rect.width,
elementScrollWidth: el.scrollWidth,
elementClientWidth: el.clientWidth
};
});
console.log(layout);A document or element scrollWidth greater than its client width can indicate horizontal overflow. Check the page’s responsive breakpoints, fixed-width containers, long unbroken strings, and overflow rules. Fix the CSS or choose an appropriate viewport when the rendered page itself is wrong; widening a screenshot crop can reveal overflow, but does not correct the layout.
Crashes, No Sound, or Screen Glitches?
Random freezes, missing sound and display glitches usually trace back to one bad driver. Find and replace yours safely.Free scan · under a minutePC Slower Than It Used to Be?
A free scan shows the junk files, broken settings and background clutter dragging Windows down - then fixes them in one click.Free scan · Windows 10 & 114. Separate device pixel density from screenshot output scale
deviceScaleFactor is a browser-context setting that affects device pixels per CSS pixel; the Playwright API reference documents its default as 1. Screenshot scale is a separate screenshot option that controls whether output is in CSS pixels or device pixels. These settings are not interchangeable. Check both explicitly when output dimensions or a high-DPI configuration appear related to the issue. Their semantics are described in the browser context API and screenshot API.
Rank #3
- Clear visuals. Fluid motion: A 144Hz refresh rate and 1ms MPRT deliver smooth, tear‑free motion across work, gaming, and streaming for clearer, more fluid viewing.
- Eye comfort: TÜV Rheinland 3‑star* certification reduces harmful blue light while preserving stunning color quality without compromise. *TÜV Rheinland 3-star eye comfort certification.
- Wide viewing angle: Get consistent views across a wide 178° /178° viewing angle.
- In-Plane Switching (IPS): See excellent color accuracy and consistency across wide viewing angles with In-plane Switching (IPS) technology.
- Ultra-thin bezels: Maximize your viewing experience with thin bezels.
const context = await browser.newContext({
viewport: { width: 1440, height: 900 },
deviceScaleFactor: 1
});
const page = await context.newPage();
// ...navigate and wait for the page...
await page.screenshot({ path: 'capture.png', scale: 'css' });Do not assume that changing either scale setting is a universal right-edge fix. A historical Chromium issue reported a particular cropping reproduction with a device scale factor above 1 and described deviceScaleFactor: 1 as a workaround for that case. Treat it as a diagnostic comparison, not a general Playwright recommendation: Chromium cropping issue.
5. Investigate full-page and custom-scroll layouts separately
Full-page capture trouble
If the problem is missing content below the viewport, try fullPage: true and compare the result across browser engines using the same page, dimensions, and settings. Historical reports describe full-page failures in particular configurations, including a WebKit-on-Linux case associated with a Cairo limitation. Those reports identify conditions to investigate, not a current universal failure or fix: WebKit full-page screenshot issue.
Rank #4
- CURVED FOR ENHANCED ENGAGEMENT: An immersive viewing experience with a curved monitor that wraps more closely around your field of vision; It creates a wider view, enhancing depth perception and minimizing peripheral distraction
- SMOOTH PERFORMANCE FOR SEAMLESS CONTENT: Stay in the action when playing games, watching videos, or working on creative projects; The 100Hz refresh rate reduces lag and motion blur so you don't miss a thing in fast-paced moments¹
- MORE GAMING POWER: Gain the edge with optimizable game settings; Color and image contrast can be adjusted to see scenes more vividly and spot enemies hiding in the dark; Game Mode adjusts any game to fill the screen so you can view every detail²
- KEEP IT EASY ON THE EYES: Care for your eyes and stay comfortable, even during long sessions; Advanced eye comfort technology certified by TÜV reduces eye strain by minimizing blue light and reducing irritating screen flicker²
- INCREASED VERSATILITY: Connect to more; Plug devices straight into your monitor for increased flexibility, making your computing environment even more convenient
Nested scroll containers
Some applications scroll a panel or another nested element instead of the document body. A historical issue report describes full-page capture omitting content in a layout where the body did not own scrolling. Check which element actually scrolls; if the target content is inside a nested container, consider scrolling that container and capturing its locator rather than expecting a page-level full-page screenshot to expand it automatically: Scroll-container screenshot issue.
What’s actually slowing this PC down?
Pick the symptom - the matching free tool is one click away.
6. Troubleshoot by symptom
| Symptom | Likely area to inspect | Next step |
|---|---|---|
| Only the far-right content is missing | Viewport width, an explicit clip rectangle, or horizontal overflow in the rendered layout | Compare the page at the configured viewport, calculate the clip’s right boundary, and inspect element and document widths. |
| Content below the fold is missing | Capture target or scroll ownership | Try fullPage: true; if a nested panel scrolls, inspect and capture that element. |
| Output dimensions differ from expected | deviceScaleFactor versus screenshot scale |
Log both settings and compare an explicitly controlled run. |
| Failure occurs only with one engine or operating system | Environment-specific browser behavior | Reproduce with the same page and geometry in another engine or OS; consult issue context before applying a workaround broadly. |
| Failure appears only on unusually tall pages | Full-page capture and browser/OS constraints | Reduce the case to a reproducible page, record dimensions and environment, and compare browser engines. |
Or skip the browser setup
For a screenshot from a URL without configuring a local Playwright browser, ScreenshotNeo offers a one-request API. This captures the whole page by default; use its documentation for available capture parameters and options.
Best Value
- 【INTEGRATED SPEAKERS】Whether you're at work or in the midst of an intense gaming session, our built-in speakers provide rich and seamless audio, all while keeping your desk clutter-free.
- 【EASY ON THE EYES】 Protect your eyes and enhance your comfort with Blue-Light Shift technology. This feature reduces harmful blue light emissions from your screen, helping to alleviate eye strain during long hours of use and promoting healthier viewing habits.
- 【WIDEN YOUR PERSPECTIVE】Our sleek minimal bezel design ensures undivided attention. The nearly bezel-free display seamlessly connects in a dual monitor arrangement, delivering an unobstructed view that lets you focus on more at once, completely distraction-free.
curl -G "https://api.screenshotneo.com/v1/shot" -d access_key=YOUR_API_KEY --data-urlencode url=https://stripe.com -o shot.webpSee the ScreenshotNeo API documentation for setup and parameters. ScreenshotNeo accepts cookie and consent banners before capture and removes more than 60 known consent platforms, newsletter popups, and chat widgets; each of those steps can be turned off. Bot checks, blank pages, timeouts, failed loads, and cache hits are not billed, and responses identify the page verdict and billing status in headers. It also provides an MCP server with screenshot, page-info, and PDF tools for AI agents. The free plan includes 1,000 screenshots per month with no card; paid plans start at $5 for 3,000 shots. For a URL-based screenshot workflow, ScreenshotNeo is an alternative to setting up browser capture yourself. Sign up for 1,000 free screenshots a month with no card.
FAQ
Does fullPage: true fix text cut off on the right?
No. It captures the full scrollable page vertically. It will not fix text that overflows horizontally in the page’s layout or a clip rectangle that is too narrow.
Should I always set deviceScaleFactor to 1?
No. Compare it with your failing configuration only when evidence points to a high-DPI-specific issue. A historical report’s workaround applies to its reproduction, not every browser, version, or page.
Quick Recap
Product prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on Amazon at the time of purchase will apply.
