fix external link not working

src/components/status_action_buttons/action_button.js

@@ -112,11 +112,12 @@ export default {
         this.$store.dispatch('reactWithEmoji', { id: this.status.id, emoji })
       }
     },
-    doActionWrap (button) {
+    doActionWrap (button, close) {
       if (button.name === 'emoji') {
         this.$refs.picker.showPicker()
       } else {
         this.getComponent(button) === 'button' && this.doAction(button)
+        close()
       }
     }
   }

src/components/status_action_buttons/action_button.vue

@@ -8,11 +8,12 @@
       class="action-button-inner"
       :class="buttonInnerClass"
       role="menuitem"
+      type="button"
+      target="_blank"
       :tabindex="0"
       :disabled="buttonClass.disabled"
       :href="getComponent(button) == 'a' ? button.link?.(funcArg) || getRemoteInteractionLink : undefined"
-      @click.prevent="doActionWrap(button)"
+      @click="doActionWrap(button, close)"
-      @click="button.name === 'emoji' ? () => {} : close()"
     >
       <FALayers>
         <FAIcon

src/components/status_action_buttons/action_button_container.vue

@@ -6,7 +6,6 @@
       v-if="button.dropdown?.()"
     >
       <template #trigger>
-        {{ props }}
         <ActionButton
           :button="button"
           :status="status"