WordPress / WordPress/wordpress-playground
Missing CSS and images because the Gutenberg iframe isn't controlled by the service worker
Nobody has claimed this yet.
- Dominant language
- JavaScript
- Stars
- 2k
- Forks
- 462
- Avg merge
- 18h 44m
- Merged PRs (30d)
- 33
Description
This happens only in https://playground.wordpress.net/, when run locally as VS code extension, the issue does not appear.
Block inserter "+" icon is not styled; some other UI elements (like buttons when inserting new image block, buttons on starter template on columns block, etc) are not styled as well; when inserting new image and uploading it through interface, the image does not show in block editor.
Tested on Firefox developer version 118 b9 and Chrome dev version 118 on Windows 10.
Steps to reproduce:
Start new WP instance in playground. Create new post, insert image from local file.
Related
Contributor guide
No contributing guide indexed for this repository
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.
Research direction
Start by reproducing the missing styles and image in https://playground.wordpress.net/ using the listed steps, then read the related Chromium, Firefox, W3C ServiceWorker, and WordPress Playground issues. Done means the Gutenberg iframe loads its CSS and images when creating a post and uploading a local image.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- javascript, wasm
- Domain
- frontend, web-dev
- Issue type
- Bug
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 35/100