Toolbar in rich-text editor is covering dropdowns from user and tags

[mrejas]

In 1.9.0 the toolbar in the richtext editor is to high in z-level covering the dropdowns from tags and users.

In my case this makes it impossible to remove the tag hidden by the toolbar since there is no scrolling.

[psttf]

Do you by any chance know how to turn off the rich text editor and revert to direct markdown editing? I can't find such a setting.

[loffa]

Direct markdown editing still works for me. I can use ### to create a h3 header for example. The editor converts it to rich text directly tho.

A workaround for the above problem is to filter the tags by writing the name of the tag. And use the delete key to remove all tags in the input field.

[ros-financial-com]

The toolbar of the rich-text editor has a z-index of 100, while the multiselect--multiple class appears to have no z-index defined or it's less than 100 in src/components/card/CardSidebarTabDetails.vue.
Unfortunately, I'm very inexperienced with vue, So I dare not create a PR to suggest a fix.

[reox]

Also the overflow menu of the editor itself renders behind the modal box:

[pschopen]

I just tried via inspector and a "z-index: 1" seems to solve the issue.

.app-sidebar__tab .description__text .text-menubar { top: -10px !important; z-index: 1; }

[pschopen]

#4617

[juliusknorr]

Thanks @pschopen Will close this as a duplicate of #4621