Toolbar covers editor widget about fiddle

[wsmd]

Hey, good catch!

I thought I'd drop a hint..

It turns out the tooltip isn't covered by the toolbar. It's trimmed by the editor's boundaries.

This is caused by the overflow: hidden applied by the mosaic window wrapping the editor.

The element selector is located at .mosaic-window.mosaic-drop-target.main

A more precise selector (copied via devtools):

/* may or may not work based on the app state */
#app > div > div.mosaic-blueprint-theme.mosaic.mosaic-drop-target > div.mosaic-root > div:nth-child(1) > div

Removing the styling, while it breaks a bunch of other things, seems to fix this specific problem.

I'm assuming this is something out of Electron Fiddle's control. Perhaps a quick workaround would be to add padding to the mosaic window wrapper to give the first line tooltips some breathing room:

--

a little note: that tooltip looks somehow gigantic compared to other types of tooltips. E.g.

or compared to the same tooltip taken from VSCode

I think resolving that font-size issue could help with making the padding hack mentioned above less drastic.

[BeniCheni]

Hello, I analyzed this "good first issue" and tried it out with #78. Definitely had a lot of fun. Looking forward to your review. 🙏 .

[felixrieseberg]

This is now fixed in master 🙇