topic Re: Div disappears after fullscreen in ArcGIS JavaScript Maps SDK Questions

Div disappears after fullscreen

Shane_ — Tue, 15 May 2018 11:27:31 GMT

Using the 4.7 API:

I have an MVC view containing a div which displays a map with a fullscreen widget. The map and widget are displayed fine, and the map is displayed in fullscreen as expected when the widget is clicked.

But...when exiting from fullscreen mode the map is no longer displayed on the MVC view - in fact the entire map div is not displayed. Manually refreshing the page works. Can anyone suggest how to automatically return to the view with the map div displayed as it was before the fullscreen?

Thanks!

Re: Div disappears after fullscreen

RobertScheitlin__GISP — Tue, 15 May 2018 12:42:49 GMT

S C,

I am not aware of a full screen widget in the JS API.

Re: Div disappears after fullscreen

Shane_ — Tue, 15 May 2018 13:17:30 GMT

It's here: Fullscreen | API Reference | ArcGIS API for JavaScript 4.7

Re: Div disappears after fullscreen

RobertScheitlin__GISP — Tue, 15 May 2018 13:24:40 GMT

Sorry, I did not see where you specified you where using the 4.x API.

Re: Div disappears after fullscreen

Shane_ — Tue, 15 May 2018 13:48:13 GMT

My apologies, I should have stated that. I've added it to the original question. Thanks for pointing that out.

Re: Div disappears after fullscreen

AndyGup — Mon, 21 May 2018 15:31:52 GMT

Shane, can you provide a simple sample (e.g. codepen, jsbin etc) that demonstrates this issue?

Re: Div disappears after fullscreen

TengisDashmunkh — Mon, 02 Oct 2023 12:36:43 GMT

Hello, I am encountering the same issue Shane did in 2018. I can't provide a sample code, but I can describe my situation.

The codebase is in React. I have a div element referrenced by a MapView object and a component that adds a Fullscreen object to the view. "Enter fullscreen" button works as expected, but when clicking on the "Exit fullscreen", the css of my div containing the MapView object is automatically reset to empty. As a result, the div disappears from the screen. Could you suggest a fix for this please?