We're calling on all EU-based Mozillians with iOS or iPadOS devices to help us monitor Apple’s new browser choice screens. Join the effort to hold Big Tech to account!

Avatar for Username

Поиск в Поддержке

Избегайте мошенников, выдающих себя за службу поддержки. Мы никогда не попросим вас позвонить, отправить текстовое сообщение или поделиться личной информацией. Сообщайте о подозрительной активности, используя функцию «Пожаловаться».

Подробнее

Эта тема была архивирована. Если вам нужна помощь, задайте новый вопрос.

Iframe doesn't load small images with srcset the first time

  • 1 ответ
  • 1 имеет эту проблему
  • 1 просмотр
  • Последний ответ от emillon

emillon
emillon
more options

Hello,

We have a solution to display a property sale detail in iframe. The first time it's displayed only the not small images or without srcset.

Points of note: - The iframe is resized by javascript to take the height of the content height at loading. - Most images are defined with a srcset.

It's seems the browser begin to download 480px images as it should and the height resizing of the iframe cancel the requests (NS_BINDING_ABORTED) and it request the image in the attribute src but does not use it. The image preview in the inspector also display "Unable to load".

Refreshing the page display the images (with or without cache), you need to restart Firefox to have the issue with the same images. It's work correctly under Chrome.

Here an example https://test-agpwrapper.agence-plus.com/agpwrapper?k=cPZw_2neX-c At the end you have photo 3, photo 4, and photo 5 instead of the images, it's displayed if you refresh the page.

Thanks you for your support.

Hello, We have a solution to display a property sale detail in iframe. The first time it's displayed only the not small images or without srcset. Points of note: - The iframe is resized by javascript to take the height of the content height at loading. - Most images are defined with a srcset. It's seems the browser begin to download 480px images as it should and the height resizing of the iframe cancel the requests (NS_BINDING_ABORTED) and it request the image in the attribute src but does not use it. The image preview in the inspector also display "Unable to load". Refreshing the page display the images (with or without cache), you need to restart Firefox to have the issue with the same images. It's work correctly under Chrome. Here an example https://test-agpwrapper.agence-plus.com/agpwrapper?k=cPZw_2neX-c At the end you have photo 3, photo 4, and photo 5 instead of the images, it's displayed if you refresh the page. Thanks you for your support.
Приложенные скриншоты

Все ответы (1)

emillon
emillon Задавший вопрос
more options

Thanks for trying.

I have disabled all extensions and I don't have NS_BINDING_ABORTED anymore, netherless the issue persist albeit maybe more stable has refreshing doesn't have tendency to make it work, which make me able to do tests more easily.

The window size is the main factor making it work or not, with the window adapted to 1024x768 it have a tendency to not work (as shown in the capture), if i resize the window under another step of sizes attribute it load the images. It's obviously an issue with the srcset and sizes, but it does seem valid, if i modify those attributes (without notable changes) the image is loaded.

I suppose I can make a temporary fix with some javascript (something like img.sizes += img.sizes + ' ';).