Need to know how can we have a fixed height and width for openseadragon container

[suganya27302]

div id="openseadragon1" style="width: 800px; height: 600px;">

<script src="/openseadragon/openseadragon.min.js"></script> <script type="text/javascript"> var viewer = OpenSeadragon({ id: "openseadragon1", prefixUrl: "/openseadragon/images/", tileSources: "/path/to/my/image.dzi" }); </script>

If I provide a width like this it is not scable across the screens. So I tried to provide the width with JS style
container = containerref.current!
width: container.offsetWidth,
height: container.offsetHeight,
But its width does not take the entire container on exiting from the fullscreen. The image shrinks. Can someone help with this problem?

[iangilman]

OpenSeadragon always grows to fill the container you give it, so whatever styling you want to do on the container element should work. You can test this even without OSD... Give your element a background color and style it to fill the space you want.

[iangilman]

Are you talking about the viewer (the entire space OSD uses to render in) or just the image (which can zoom and pan around within the viewer)? Are you saying that the image gets zoomed out after returning from fullscreen? Something like that might happen because the aspect ratio of fullscreen is different than the aspect ratio in the non-fullscreen viewer. What version of OSD are you using?

[suganya27302]

I am mentioning about the Viewer (the entire space OSD uses to render the image)

Actual image in the viewer:

After exiting from the full screen, the image looks like this

The OSD version we are using is 4.0.0

[iangilman]

Okay, thank you. I'm not sure why this is happening. My best guess is it has something to do with the fullscreen behavior discussed in #2486. Did you get that sorted out?

If you'd like us to take a look at your issue, can you share a link to the page, or create a simplified repro?

[suganya27302]

I couldn't able to share the link due to confidentiality. I kind of did a quick fix, not an exact fix

[iangilman]

Fair enough. Hopefully it's good enough? If not, you could still make a cut-down repro with dummy images.