The full-page screenshot feature triggers a window resize (to 1px), affecting the layout of the page
Alex
- Navigate to stripe.com
- Open dev tools
- Paste a snippet to console for debugging purposes window.addEventListener("resize", function () { console.log("Window resize", { height: window.innerHeight, width: window.innerWidth }); });
- Use "Capture full size screenshot"
The full-page screenshot feature is not functioning as expected on certain pages, as the window is resized to 1px height and width just before capturing the screenshot, causing layout issues. This issue has been observed in tools like Playwright and Puppeteer, leading to inconsistent screenshots with layout problems, particularly on long pages. Despite efforts to implement alternative methods such as "scroll and stitch" mode, which encounters issues with sticky or fixed elements and web components, using the default Chromium method for screenshots remains necessary. Any suggestions for resolving this persistent issue would be greatly appreciated.
To reproduce the issue, please refer to the following video: https://drive.google.com/file/d/1Ba0Ja90RGmPDMfWAPlCymMT0ZOsHW9-E/view
Here are just a few examples of affected websites:
- https://stripe.com
- https://hukd.com
- https://www.tui.co.uk/destinations/bookaccommodation?dp=t&price=pp&tab=overview&multiSelect=true&greatDealDiscount=0&units%5B%5D=951830:HOTEL&fc=n&duration=7&productCode=951830&pkg=1307466982/3/668/7&tra_o=Ae49d184078e4a5ece117bdff6280aeb8&tra_i=Ae49d184078e4a5ece117bdff6280aeb8&brandType=T&bb=AI&rmbb=AI&rmtp=DD01&airports%5B%5D=LGW&noOfAdults=2&noOfChildren=0&rmpc=1%7C2%7C0%7C0%7C0%7C&when=30-10-2024&packageId=951830TZZN002117301600000001730246400000EK1617308512000001730937600000EK2191DD011307466982/3/668/7
The full-page screenshot feature triggers a window resize (to 1px), affecting the layout of the page
Additional DataCategory: Developer Tools
Chrome Channel: Not sure
Regression: N/A
Alexei Svitkine
--
--
Chromium Developers mailing list: chromi...@chromium.org
View archives, change email options, or unsubscribe:
http://groups.google.com/a/chromium.org/group/chromium-dev
---
You received this message because you are subscribed to the Google Groups "Chromium-dev" group.
To unsubscribe from this group and stop receiving emails from it, send an email to chromium-dev...@chromium.org.
To view this discussion on the web visit https://groups.google.com/a/chromium.org/d/msgid/chromium-dev/5e0bf1b7-d458-43c6-aa4c-605636b512f3n%40chromium.org.