ImageLayer+ImageStatic does not render on Chrome/Chromium

Describe the bug Firefox displays ImageLayers ok, but Chrome/Chromium doesn’t display them at all.

To Reproduce Steps to reproduce the behavior:

1. With firefox go to http://coe-maps-dev.s3-website-eu-west-1.amazonaws.com/
2. With Chrome go to http://coe-maps-dev.s3-website-eu-west-1.amazonaws.com/
3. See png background in firefox, but all-blue background in chrome.

Expected behavior ImageLayer to render in all browsers.

Source

Simplified excerpt from source that still fails:

import ImageLayer from 'ol/layer/Image'
import Map from 'ol/Map'
import ImageStatic from 'ol/source/ImageStatic'
import View from 'ol/View'

const layers = [
    new ImageLayer({
        source: new ImageStatic({
            imageExtent: [-740, -1360, 860, 1640],
            url: './Selene-4.png',
        }),
    }),
]

const map = new Map({
    layers,
    target: 'map',
    view: new View({
        center: [0, 0],
        extent: [ -2880, -2880, 2880, 2880 ],
        zoom: 0,
    }),
})

[mike-000]

The problem seems to be related to the size of the image you are using. If I reduce it from 6400 x 12000 to 4800 x 9000 px it works. There are also issues when using very large tiles (5000 x 5000) in OL6 with Chrome - about 20% of tiles fail to render but there is no error.

[stale[bot]]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.