fix: update dropdown trigger label on select (#2515)

* Fix overvlow dropdown

* prevents label updates for "hideLabel: true" items

* Revert changes on ButtonGroup.vue

* fix(toolbar): pass font attrs when queuing unfocused mark commands

* fix(test): removes extra properties

---------

Co-authored-by: Caio Pizzol <97641911+caio-pizzol@users.noreply.github.com>

Author: Branc0

packages/super-editor/src/components/toolbar/defaultItems.js

@@ -1023,6 +1023,7 @@ export const makeDefaultItems = ({
     icon: toolbarIcons.lineHeight,
     hasCaret: false,
     hasInlineTextInput: false,
+    hideLabel: true,
     inlineTextInputVisible: false,
     suppressActiveHighlight: true,
     isWide: false,

packages/super-editor/src/components/toolbar/super-toolbar.js

@@ -1138,7 +1138,15 @@ export class SuperToolbar extends EventEmitter {
     // until the next selection update (after the user clicks into the editor).
     if (!wasFocused && isMarkToggle) {
       this.pendingMarkCommands.push({ command, argument, item });
-      item?.activate?.();
+      const shouldPassActivationAttrs = item?.command === 'setFontSize' || item?.command === 'setFontFamily';
+      if (shouldPassActivationAttrs) {
+        const itemName = item?.name?.value;
+        const activationAttrs = argument && itemName ? { [itemName]: argument } : {};
+        item?.activate?.(activationAttrs);
+      } else {
+        item?.activate?.();
+      }
+
       if (this.activeEditor && !this.activeEditor.options.isHeaderOrFooter) {
         this.activeEditor.focus();
       }