Dialog got margin, when scroll and open dialog

[xxidbr9]

I got an issue when I have a position: fixed component inside the body, the body got (-margin) each scroll and opened the dialog

style(ownerDocument.body, 'marginTop', `-${scrollPosition}px`)

from: https://github.com/tailwindlabs/headlessui/blob/main/packages/%40headlessui-react/src/components/dialog/dialog.tsx#L126-L156

Could anyone explain to me?

[Kovrigin-Al]

I have the same issue. In my case, this is even worse as the scrollIntoView method does not work correctly because of this.
Hopefully, some mature developer will come to rescue :)

[Kovrigin-Al]

Update: Popover works for me. It doesn't add negative margin