SOLVED: TinyMCE toolbar: "Dynamic data" button height in Bricks 2.0.x

Feature Requests / Improvements
1

Browser: Chrome Version 139.0.7258.155 (Official Build) (64-bit)
OS: Windows 11

Element Rich Text (TinyMCE / Classic Editor). Bricks adds a Dynamic data button to the TinyMCE toolbar. Since Bricks 2.0.x, this button renders with an incorrect height, causing the entire toolbar row to become taller than intended (see attached screenshot).

image
image1920Ă—1047 164 KB

The Dynamic data button (TinyMCE “menu button”, e.g. #mceu_12, #mceu_70-open) introduces extra vertical size, so the toolbar row “bloats”.

Temporary hotfix (CSS)
→ selector: #mceu_12

#mceu_12 {
   height: 0 !important;
}

or:

→ selector: #mceu_12

#mceu_12 {
    line-height: 0;
}

#mceu_12 button {
    line-height: 0;
}

Thanks
:bear:

2

Hi @datgausaigon,

I was able to replicate the issue locally, and I’ve added it to our internal bug tracker. Once we release a fix, we will update this topic.

Thanks,
Matej

3

We fixed this issue in Bricks 2.1 beta, now available as a manual download in your account (see changelog).

Please let us know if you are still experiencing issues.

As with any pre-stable release, please do not use it on a production website. It is intended for testing in a local or staging environment only.