Codeinwp / Codeinwp/otter-blocks
Image Boxes layout switching between on top of each other and next to
Nobody has claimed this yet.
- Dominant language
- JavaScript
- Stars
- 198
- Forks
- 36
- Avg merge
- 3d 4h
- Merged PRs (30d)
- 30
Description
Description
Feature Image Boxes is not behaving like it should and how it looks in backend of gutenberg editor. Two boxes are set up under "General" Settings. Both have image background, titel text and url showing in frontend.
But the boxes sometimes (most of ther time) are sitting on top of each other in the frontned whil in the backend of the page in gutenberg editor they show next to each other.
Sometimes a fresh reload fixes it, most of the time not.
Step-by-step reproduction instructions
- choose the Image Block, set it to show 2 blocks.
- fill them with background imagem text and link.
- save page
- check frontend.
Screenshots, screen recording, code snippet or Help Scout ticket
No response
Environment info
No response
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
Start by reproducing the issue with the Image Block configured to show two blocks, each with a background image, title text, and link, then compare the frontend with the Gutenberg editor. The fix is complete when the two Image Boxes consistently appear next to each other on the frontend without requiring a reload.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- javascript
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Needs clarification
- Newbie friendliness
- 35/100