Codeinwp / Codeinwp/otter-blocks
Images not aligned in backend
Nobody has claimed this yet.
- Dominant language
- JavaScript
- Stars
- 198
- Forks
- 36
- Avg merge
- 3d 4h
- Merged PRs (30d)
- 30
Description
Description
In the default Gutenberg editor (backend), an image inserted into a block (for example, columns) does not align correctly. In the example above, the image is centred, but it is still displayed on the left. This does not affect the frontend. It could be a CSS conflict with TailWindCSS.
Step-by-step reproduction instructions
- Edit a page
- Insert a column block
- Insert an image in a column
- Center image
- The image is still on the left
Screenshots, screen recording, code snippet or Help Scout ticket
Environment info
Is the issue you are reporting a regression
No
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.
Research direction
Reproduce the issue in the default Gutenberg editor by editing a page, adding a column block and an image, then centering the image. Inspect the editor's image and column styles, including possible TailwindCSS conflicts; done means the image is centered in the backend as it is on the frontend. No source file or test is named in the issue.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- javascript, tailwindcss
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Quiet
- Clarity
- Mostly clear
- Newbie friendliness
- 58/100