microsoft / microsoft/playwright

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

Open
#40,224 5 comments 3 reactions 1 assignee View on GitHub

@dgozman is already working on this.

Since Apr 15, 2026.

P3-collecting-feedback
Dominant language
TypeScript
Stars
96.3k
Forks
6.5k
Avg merge
1d 6h
Merged PRs (30d)
180

Description

### 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:

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

Image

### Additional context

Seems to be similar to such issue reported:
https://github.com/microsoft/playwright/issues/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

```shell
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
```

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.