[Bug]: Trace viewer not displaying elements for Angular + Ionic app

[brybski]

Version

1.59.1

Steps to reproduce

1. clone my repo https://github.com/brybski/playwright-ionic-repro
2. run npm install
3. npx playwright install
4. npm start
5. npm run test:e2e
6. check traces

Expected behavior

Page content matches trace viewer preview screen

Actual behavior

Page content is not properly displayed under Action/Before/After section:

when you preview it on the top of the trace viewer, it looks ok:

Additional context

Seems to be similar to such issue reported:
#39168

This small repo was created with AI support based on my commercial repo that faces such problem. It's really problematic to review actual issue, I would appreciate your help here.

Environment

System:
    OS: Windows 10 10.0.19045
    CPU: (8) x64 Intel(R) Core(TM) i7-3630QM CPU @ 2.40GHz
    Memory: 1.57 GB / 7.89 GB
  Binaries:
    Node: 22.15.0 - D:\Program Files\nodejs\node.EXE
    npm: 10.9.2 - D:\Program Files\nodejs\npm.CMD
  IDEs:
    VSCode: 1.108.2 - D:\Program Files\Microsoft VS Code\bin\code.CMD
  npmPackages:
    @playwright/test: ^1.59.1 => 1.59.1