Div disappears after fullscreen

[Shane_]

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!

[RobertScheitlin__GISP]

S C,

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

[Shane_]

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

[RobertScheitlin__GISP]

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

[Shane_]

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

[AndyGup]

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

[TengisDashmunkh]

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?