Regression: superflouis scrollbar due to margin-bottom: -3px in the menububble

[mejo-]

Describe the bug
Since commit 7b4ab74, a superfluous scrollbar is displayed next to the text editor. That's due to (inactive) MenuBubble being displayed with margin-bottom: -3px at the bottom of the editor container. This seems to steal some space from the editor container, which results in the scrollbar that allows scrolling 3 pixels 😉

I didn't understand the reason for margin-bottom: -3px in the first place. In fact, even the active MenuBubble looks cleaner with margin-bottom: 0px in my tests - the small space between selected text and the AddLink/LinkFile MenuBubble makes it look cleaner. So my suggestion would be to remove margin-bottom: -3px altogether 😉

Client details:

• OS: Debian Bullseye
• Browser: Firefox 88.0, Chromium 89.0
• Version: NC branch stable21, Text branch stable21

[mejo-]

We temporarily fixed this in the Collectives App with the following commit: https://gitlab.com/collectivecloud/collectives/-/commit/653e7df3c571f84ae62f74a60303489c629eccfc

[azul]

Removing the margin-bottom changes the style somewhat:

with margin-bottom:

without margin-bottom:

The scrollbar also goes away once the menu bubble is shown for the first time. Leading to some realignment of the viewer. This is because at first the menu-bubble is displayed at the bottom of the page but hidden. With the margin bottom this creates the scrollbar. Once it is moved to actually be displayed the margin bottom is not a problem anymore.

I think i will tackle this by only applying the margin-bottom if the menubar is displayed.