When displaying any dicom our webpage becomes unresponsive on all iOS devices (tested with an iPad10 and iPhone14pro) until the popup is closed. The viewer is responsive on android and desktop devices. This is being rendered on a Blazor window popup.
Code to display the dicom:
<div id="@($"dwv:{_fileName}{Index}")">
<div id='layerGroup0'></div>
</div>JS Invoke call:
var stream = new DotNetStreamReference(await response.Content.ReadAsStreamAsync());
await JS.InvokeVoidAsync("loadDicomFile", $"dwv:{_fileName}{Index}", stream);loadDicomFile JS:
const arrayBuffer = await contentStreamRef.arrayBuffer();
const app = new dwv.App();
const viewConfig0 = new dwv.ViewConfig('layerGroup0');
const viewConfigs = { '*': [viewConfig0] };
const options = new dwv.AppOptions(viewConfigs);
options.tools = { WindowLevel: new dwv.ToolConfig() };
app.init(options);
app.addEventListener('load', function () {
app.setTool('WindowLevel');
});
app.loadImageObject([{ name: "", filename: "", data: arrayBuffer }]);
When displaying any dicom our webpage becomes unresponsive on all iOS devices (tested with an iPad10 and iPhone14pro) until the popup is closed. The viewer is responsive on android and desktop devices. This is being rendered on a Blazor window popup.
Code to display the dicom:
JS Invoke call:
loadDicomFile JS: