Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Strange behavior for widgets after setting fixedOverflowWidgets: true

See original GitHub issue

monaco-editor version: 0.21.0 Browser: Chrome OS: MacOS Playground code that reproduces the issue:

To fix some layout issue, i just give monaco editor parent container with overflow: hidden, and give fixedOverflowWidgets: true when setup the monaco editor to try to solve widgets display issue. However my editor behaves strangely for all related widgets. Because of some reason i am not able to show code, the screenshot are listed:

Before i set fixedOverflowWidgets: true, since i am adding overflow: hidden, this behaves normally(widgets get hidden) as expected: Screen Shot 2020-11-19 at 8 41 30 PM

After i add fixedOverflowWidgets: true try to solve problems caused by overflow: hidden:

Although The suggestion widgets and hover widgets can fully displayed, the are now moving far away from my text input. I have no idea why this happens. Is there any solutions to fix this behavior or is there alternative ways to solve widgets displaying problems when i am setting overflow: hidden to the parent element of monaco editor?

Cheers!

Issue Analytics

State:
Created 3 years ago
Comments:5 (1 by maintainers)

Top GitHub Comments

1reaction

hacker0limbocommented, Dec 30, 2020

@alexdima well i think i solved the problem. Although i am not sure what cause it but now everything works well. Thanks for your comment and this project, gonna close this issue.

0reactions

turbozvcommented, May 27, 2021

@hacker0limbo I see, thanks for the info!

I created a new issue with sample repro code: https://github.com/microsoft/monaco-editor/issues/2503

Top Results From Across the Web

IEditorOptions | Monaco Editor API - Microsoft Open Source

Control the behavior of the find widget. Optional fixedOverflowWidgets. fixedOverflowWidgets?: boolean.

Use widgets on your iPad - Apple Support

Touch and hold an empty area on your Home Screen, then tap the Add button when it appears in the upper-left corner. Select...

How to use the monaco-editor.editor function in ... - Snyk

var widgets = _.compact(_.map(output, function (obj) { if (!obj.tag) return; ... editorsFFont, glyphMargin: !options.embedded, fixedOverflowWidgets: true, ...

25+ iOS 16-ready apps featuring Lock Screen widgets you ...

Livepic: (to become MyScreen): A customization app that had before focused on Live Wallpapers and Home Screen themes will update following iOS ...

Create a simple widget - Android Developers

To create a widget, you need the following basic components: ... Figure 2: App widget processing flow Note: Android Studio automatically creates a...