noscript image fix

bbc · Sep 27, 2024 · 994be3c · 994be3c
1 parent a7f0fdb
commit 994be3c
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 2 deletions.
diff --git a/src/app/components/MediaLoader/Amp/index.styles.ts b/src/app/components/MediaLoader/Amp/index.styles.ts
@@ -35,9 +35,16 @@ export default {
         backgroundColor: 'window',
       },
     }),
-  messageImage: () => css({ width: '100%' }),
+  messageImage: () =>
+    css({
+      position: 'absolute',
+      inset: 0,
+      width: '100%',
+      height: '100%',
+    }),
   ampIframeWrapper: ({ palette }: Theme) =>
     css({
+      position: 'relative',
       overflow: 'hidden',
       backgroundColor: palette.LUNAR,
       height: '100%',

diff --git a/src/integration/pages/storyPage/hausa/__snapshots__/amp.test.js.snap b/src/integration/pages/storyPage/hausa/__snapshots__/amp.test.js.snap
@@ -260,7 +260,7 @@ exports[`AMP Story Page Image Caption should match text 1`] = `"Bayanan sautiम
 
 exports[`AMP Story Page Image should match snapshot 1`] = `
 <noscript>
-  &lt;div&gt;&lt;img alt="" src="https://ichef.test.bbci.co.uk/images/ic/512xn/p01b7w9z.jpg.webp" srcSet="https://ichef.test.bbci.co.uk/images/ic/240xn/p01b7w9z.jpg.webp 240w, https://ichef.test.bbci.co.uk/images/ic/320xn/p01b7w9z.jpg.webp 320w, https://ichef.test.bbci.co.uk/images/ic/480xn/p01b7w9z.jpg.webp 480w, https://ichef.test.bbci.co.uk/images/ic/624xn/p01b7w9z.jpg.webp 624w, https://ichef.test.bbci.co.uk/images/ic/800xn/p01b7w9z.jpg.webp 800w" aria-hidden="true" class="bbc-8atqhb"/&gt;&lt;div class="bbc-1mgo2mg"&gt;&lt;strong class="bbc-pow7hy"&gt;Na&#x27;urarku na da matsalar sauraren sauti&lt;/strong&gt;&lt;/div&gt;&lt;/div&gt;
+  &lt;div&gt;&lt;img alt="" src="https://ichef.test.bbci.co.uk/images/ic/512xn/p01b7w9z.jpg.webp" srcSet="https://ichef.test.bbci.co.uk/images/ic/240xn/p01b7w9z.jpg.webp 240w, https://ichef.test.bbci.co.uk/images/ic/320xn/p01b7w9z.jpg.webp 320w, https://ichef.test.bbci.co.uk/images/ic/480xn/p01b7w9z.jpg.webp 480w, https://ichef.test.bbci.co.uk/images/ic/624xn/p01b7w9z.jpg.webp 624w, https://ichef.test.bbci.co.uk/images/ic/800xn/p01b7w9z.jpg.webp 800w" aria-hidden="true" class="bbc-1ukiuui"/&gt;&lt;div class="bbc-1mgo2mg"&gt;&lt;strong class="bbc-pow7hy"&gt;Na&#x27;urarku na da matsalar sauraren sauti&lt;/strong&gt;&lt;/div&gt;&lt;/div&gt;
 </noscript>
 `;