Controlled experiment to determine whether off-screen positioning (Experiment A) causes html2canvas to capture an unpainted DOM, while visible-but-transparent positioning (Experiment B) produces a valid rendered PNG.
Both surfaces render identical content. The only variable is the positioning strategy.
Dear Product Owner,
This is a diagnostic test to verify whether the PNG capture pipeline produces a valid rendered image. If you can see this text in the captured PNG artifact below, the rendering lifecycle is functioning correctly for this positioning strategy.
The PDF renders correctly because it uses a server-side PDF engine. The PNG is captured from the browser DOM via html2canvas. This experiment isolates whether off-screen positioning causes the browser to skip the paint pass.
Sincerely,
Engineering
Dear Product Owner,
This is a diagnostic test to verify whether the PNG capture pipeline produces a valid rendered image. If you can see this text in the captured PNG artifact below, the rendering lifecycle is functioning correctly for this positioning strategy.
The PDF renders correctly because it uses a server-side PDF engine. The PNG is captured from the browser DOM via html2canvas. This experiment isolates whether off-screen positioning causes the browser to skip the paint pass.
Sincerely,
Engineering