microsoft / microsoft/playwright
[Bug]: Trace viewer not displaying elements for Angular + Ionic app
@dgozman is already working on this.
Since Apr 15, 2026.
- 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:
when you preview it on the top of the trace viewer, it looks ok:
### 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
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Assessment
This issue has not been assessed yet.