Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Post Carousel: correct path to placeholder image #791

Merged
merged 1 commit into from
Jul 7, 2021

Conversation

laurelfulford
Copy link
Contributor

All Submissions:

Changes proposed in this Pull Request:

In the utils.js file, there are placeholder images listed; the 'large' and 'uncropped' images were both referencing a size (1024x683) that didn't actually exist in the assets directory.

This image was being used by the Post Carousel block in the preview under Appearance > Widgets and in the Customizer.

This seems to close #788 for me, but I'm not 100% sure if that's just because that issue was a bit intermittent. Would appreciate another set of eyes on that, to make sure it has actually stopped!

How to test the changes in this Pull Request:

  1. Start on a test site running the latest WordPress 5.8 release candidate.
  2. Navigate to WP Admin > Appearance > Widgets and add a Post Carousel widget.
  3. Note that the space where the featured image would be is empty; if you open the console, you should also see a bunch of 404s for the 1024x683 image size.
  4. Try to recreate the issue in Post Carousel: Widget block preview flickers #788 (post carousel collapsing and bouncing back as you click or hover around).
  5. Apply the PR and run npm run build.
  6. Confirm that the featured image placeholders are now populated, and the 404s are gone.
  7. Confirm whether the issue in Post Carousel: Widget block preview flickers #788 is resolved.

Other information:

  • Have you added an explanation of what your changes do and why you'd like us to include them?
  • Have you written new tests for your changes, as applicable?
  • Have you successfully ran tests with your changes locally?

Copy link
Member

@miguelpeixe miguelpeixe left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I was able to identify that the image is now being loaded correctly, although it does not fix #788.

Here's a video of my page flickering with the loaded image:

Gravacao.de.Tela.2021-07-07.as.11.17.43.mov

This was tested with Chrome 91.0.4472.114

@laurelfulford
Copy link
Contributor Author

Thanks @miguelpeixe!

Here's a video of my page flickering with the loaded image:

Dang, I knew that fix seemed too easy! :) Thank you for confirming that for me!

@laurelfulford laurelfulford merged commit e4f1e47 into master Jul 7, 2021
matticbot pushed a commit that referenced this pull request Jul 13, 2021
## [1.29.2-alpha.1](v1.29.1...v1.29.2-alpha.1) (2021-07-13)

### Bug Fixes

* correct path to placeholder image ([#791](#791)) ([e4f1e47](e4f1e47))
* height of post carousel blocks in editor preview ([fc69708](fc69708))
* make carousel slide image width styles more specific ([#792](#792)) ([9cc4bd1](9cc4bd1))
* override the default carousel arrows from swiper ([#794](#794)) ([2e4e735](2e4e735))
@matticbot
Copy link
Contributor

🎉 This PR is included in version 1.29.2-alpha.1 🎉

The release is available on GitHub release

Your semantic-release bot 📦🚀

matticbot pushed a commit that referenced this pull request Jul 13, 2021
## [1.29.2](v1.29.1...v1.29.2) (2021-07-13)

### Bug Fixes

* correct path to placeholder image ([#791](#791)) ([e4f1e47](e4f1e47))
* height of post carousel blocks in editor preview ([fc69708](fc69708))
* make carousel slide image width styles more specific ([#792](#792)) ([9cc4bd1](9cc4bd1))
* override the default carousel arrows from swiper ([#794](#794)) ([2e4e735](2e4e735))
@matticbot
Copy link
Contributor

🎉 This PR is included in version 1.29.2 🎉

The release is available on GitHub release

Your semantic-release bot 📦🚀

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Post Carousel: Widget block preview flickers
3 participants