[Bug] suggest-details element way off screen in swagger pages

[kolodny]

Reproducible in vscode.dev or in VS Code Desktop?

• Not reproducible in vscode.dev or VS Code Desktop

Reproducible in the monaco editor playground?

• Not reproducible in the monaco editor playground

Monaco Editor Playground Code

No response

Actual Behavior

No response

Expected Behavior

No response

Additional Context

I'm only encountering this issue on swagger ui pages. The easiest way to explain is to go to https://petstore.swagger.io/ and paste this into the devtools to load up a monaco instance:

var script = document.createElement('script');
script.src = 'https://cdnjs.cloudflare.com/ajax/libs/monaco-editor/0.26.1/min/vs/loader.min.js'
document.head.appendChild(script)
await new Promise(r => setTimeout(r, 200))
require.config({ paths: { 'vs': 'https://cdnjs.cloudflare.com/ajax/libs/monaco-editor/0.26.1/min/vs' }});
require(["vs/editor/editor.main"], () => {
  const el = document.createElement('div');
  el.style.height = '400px';
  el.style.width = '50%';
  document.body.appendChild(el)
  monaco.editor.create(el, {
    value: `{
  
}`,
    language: 'json',
    theme: 'vs-dark',
  });
});

If you then try to view the expanded suggestions pane it will render them off screen. To see this I just paste setTimeout(() => {debugger;}, 3000) into the devtools and open up the suggestions:

As you can see the suggest-details are positioned offscreen.

If we were to remove the position fixed on that container we'd at least see it on screen (but still off of where it should be)

[JarvisArt]

I have the same problem

[jrieken]

/duplicate of #3373