Problem/Motivation
Cross posting from Core to here. Not sure which is more appropriate.
Update with the latest news. The media images do show up when rendered as an 'image' and do NOT show up when using drimage scaled rendering.
https://www.drupal.org/project/varbase/issues/3381982
🐛
New install - media images not showing due to bad links?
Active
New install. Media Images on the blogs or basic pages are not appearing.
Installed the Alpha2 Varbase today.
Created a new blog, inserted media file and filled it in.
Removed the default Welcome block from the homepage and added in the Varbase Blog Homepage Block with no edits.
The blog shows up but a bad image block.
Here is the homepage with the homepage blog block and the bad image link
Here is the content page for the blog. Still bad image link.
Here is the edit for the blog showing the media image selection.
I checked the path and permissions on the file which seemed good.
ls -la docroot/sites/default/files/2023-08/
total 392
drwxrwx--- 2 me www-data 3 Aug 18 16:33 .
drwxrwx--- 8 me www-data 14 Aug 18 15:54 ..
-rw-rw-r-- 1 www-data www-data 395935 Aug 18 16:33 logo-fop-lodge-53.png
<div class="card varbase-impressed-card medium bordered h-100 anchor-all">
<div data-component-id="varbase_components:field" class="field field--name-field-media field--type-entity-reference field--label-hidden field__item"><div class="contextual-region media media--type-image media--view-mode-media-16-09" data-component-id="varbase_components:media">
<div data-contextual-id="media:media=4:changed=1692376423&ds_bundle=image&ds_view_mode=media_16_09&langcode=en" data-contextual-token="1xyKtsk07H1-M0UPBaVTox15Bnzo4bTHrL4-TQqugpU" data-drupal-ajax-container=""></div>
<div data-component-id="varbase_components:field" class="field field--name-field-media-image field--type-image field--label-hidden field__item">
<div class="drimage" data-drimage="{"fid":"10","filename":"logo-fop-lodge-53.png","threshold":100,"upscale":100,"downscale":3600,"multiplier":1,"imageapi_optimize_webp":null,"lazy_offset":100,"subdir":"","original_width":"600","original_height":"538","original_source":"\/sites\/default\/files\/2023-08\/logo-fop-lodge-53.png","image_handling":"aspect_ratio","aspect_ratio":{"width":"16","height":"9"}}">
<picture>
<img src="data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='9'%20viewBox='0%200%2016%209'%20%3E%3C/svg%3E" width="16" height="9" alt="FOP Logo" />
</picture>
</div>
<noscript>
<img src="/sites/default/files/2023-08/logo-fop-lodge-53.png" alt="FOP Logo" width="600" height="538">
</noscript>
</div>
I checked the public image path and it seems available when browsing directly to the image.
Steps to reproduce
Given
When
Then
Proposed resolution
Remaining tasks
- ✅ File an issue about this project
- ❌ Addition/Change/Update/Fix to this project
- ❌ Testing to ensure no regression
- ❌ Automated unit/functional testing coverage
- ❌ Developer Documentation support on feature change/addition
- ❌ User Guide Documentation support on feature change/addition
- ❌ Accessibility and Readability
- ❌ Code review from 1 Varbase core team member
- ❌ Full testing and approval
- ❌ Credit contributors
- ❌ Review with the product owner
- ❌ Update Release Notes and Update Helper on new feature change/addition
- ❌ Release
- ✅ No Update
- ➖ Optional Update
- ➖ Forced Update
- ➖ Forced Update if Unchanged
User interface changes
API changes
Data model changes
Release notes snippet