[Bug]: When resizing a window with open dialog, the content modified through ref in content is discarded about fluentui

[hajekj]

I also tried it with raw Modal where this issue doesn't happen - https://codepen.io/hajekj/pen/qBwdEpJ?editors=0010

[behowell]

Hi @hajekj, your example is using appendChild to modify the DOM of a react-controlled element, which is not allowed in React. You need to add content using React elements instead of appending DOM nodes.
https://react.dev/learn/manipulating-the-dom-with-refs#best-practices-for-dom-manipulation-with-refs

[hajekj]

Hello @behowell, thank you for the response. I understand that this shouldn't be done, however - the same operation works perfectly fine when using Modal directly, the issue is just when using Dialog. My case unfortunately requires modifying the DOM, since I am rendering some dynamic iframe elements within the Dialog (now Modal), and keeping it within React would result in really complex solution. So that's just to add context why I am going this way.

The use of Modal is perfectly fine solution for me, but I think there are some shenanigans going on, on maximazing browser window with Dialog.