{"id":19005986,"date":"2026-08-29T01:55:37","date_gmt":"2026-08-29T01:55:37","guid":{"rendered":"https:\/\/wordpress.org\/support\/topic\/carousel-no-t\/"},"modified":"2026-08-29T01:55:37","modified_gmt":"2026-08-29T01:55:37","slug":"carousel-no-t","status":"publish","type":"topic","link":"https:\/\/wordpress.org\/support\/topic\/carousel-no-t\/","title":{"rendered":"Carousel No t"},"content":{"rendered":"\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\">Hi, I\u2019m having an issue with images in the Splide Carousel Block failing to load in Safari. The carousel works correctly in Google Chrome, but in Safari every image displays as a blank box with a question-mark\/broken-image icon.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">I have reproduced the issue in Safari on both macOS and iOS, while the same page and carousel display correctly in Chrome.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">I inspected one of the failed images in Safari Web Inspector and noticed that the image <code>src<\/code> is being output as a blob URL, for example:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><code>src=\"blob:https:\/\/[site-domain]\/[UUID]\"<\/code><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">There is no normal image URL, <code>srcset<\/code>, or <code>data-src<\/code> on the <code>&lt;img&gt;<\/code> element.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">In Safari\u2019s Network panel, each of these blob image requests fails with:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Failed to load resource: The operation couldn\u2019t be completed. (WebKitBlobResource error 1.)<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">I have tested the following without resolving the issue:<\/p>\n\n\n\n<ul>\n<li>Changed carousel Type from <strong>Loop<\/strong> to <strong>Slide<\/strong><\/li>\n\n\n\n<li>Disabled lazy loading<\/li>\n\n\n\n<li>Tested with custom image-sizing CSS removed<\/li>\n\n\n\n<li>Confirmed the problem occurs with every image in the carousel<\/li>\n\n\n\n<li>Confirmed the images themselves load normally outside the carousel<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">The carousel functionality itself appears to work in Safari. The slides are present and move as expected, but the images inside them fail to load.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Browser behavior:<\/strong><\/p>\n\n\n\n<ul>\n<li>Chrome on macOS: works<\/li>\n\n\n\n<li>Safari on macOS: images fail<\/li>\n\n\n\n<li>Safari on iOS: images fail<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Safari Web Inspector shows the <code>&lt;img&gt;<\/code> element in the carousel as:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><code>&lt;img decoding=\"async\" src=\"blob:https:\/\/[site-domain]\/[UUID]\" alt=\"\"&gt;<\/code><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Is the use of blob URLs for the carousel images expected behavior? If so, is there a known Safari\/WebKit compatibility issue or workaround? I\u2019m happy to provide additional information or screenshots from Web Inspector if helpful.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Thank you!<\/p>\n<\/blockquote>\n","protected":false},"template":"","class_list":["post-19005986","topic","type-topic","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/topic\/19005986","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/topic"}],"about":[{"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/types\/topic"}],"version-history":[{"count":0,"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/topic\/19005986\/revisions"}],"wp:attachment":[{"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/media?parent=19005986"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}