After installing Focal Points and updating image styles to use it, images that are used in CSS background-image: url(path); no longer get generated. Images referenced in img tags render. And if I pass the image path first through file_exists() in PHP, that seems to be enough to trigger the generation. But something about CSS doesn't do this.
/**
* Code to get file path.
*/
protected function getFilePath(MediaInterface $entity, string $image_style) {
$fid = $entity->getSource()->getSourceFieldValue($entity);
/** @var \Drupal\file\FileInterface $file */
$file = $this->entityTypeManager->getStorage('file')->load($fid);
/** @var \Drupal\image\ImageStyleInterface $style */
$style = $this->entityTypeManager->getStorage('image_style')->load($image_style);
$file_path = $style->buildUrl($file->getFileUri());
return $file_path;
}
/**
* Code to create CSS.
*/
protected function generateStyles(string $selector, string $file_path) {
// @todo It's possible to pass this off to Twig which would make writing
// the CSS easier.
$css = sprintf('%s {', $selector);
$css .= sprintf('background-image: url(\'%s\');', file_url_transform_relative($file_path));
$css .= '}';
return $css;
}
I'm not sure yet why CSS doesn't trigger the image derivatives.
Active
1.0
Miscellaneous
Not all content is available!
It's likely this issue predates Contrib.social: some issue and comment data are missing.
Is the problem happening because the image URL is missing the "itok" security token, thus the system blocks generation of the new image variation? This seems more like a core issue than something specific to Focal Point.