fix(Quick Tags): Exclude Quick Tags control from ask form (#2138)

Author: marcustyphoon

src/utils/post_actions.js

@@ -13,12 +13,15 @@ const addPostOptions = ([postFormButton]) => {
   if (!postFormButton) { return; }
 
   const postActions = postFormButton.parentElement;
+  const inAskForm = postActions.closest(keyToCss('form'))?.querySelector(keyToCss('anonToggle'));
 
   postFormButton.before(
     ...Object.keys(postOptions)
       .sort()
       .map(id => postOptions[id])
-      .filter(postOption => !postActions.contains(postOption)),
+      .filter(({ showInAskForm }) => showInAskForm ? true : !inAskForm)
+      .map(({ element }) => element)
+      .filter(element => !postActions.contains(element)),
   );
 };
 
@@ -30,11 +33,15 @@ pageModifications.register(keyToCss('postFormButton'), addPostOptions);
  * @param {string} options.id Identifier for this post option (must be unique)
  * @param {string} options.symbolId RemixIcon symbol to use
  * @param {(event: PointerEvent) => void} options.onclick Click handler function for this button
+ * @param {boolean} [options.showInAskForm] Whether to show the button in the ask form
  */
-export const registerPostOption = async function ({ id, symbolId, onclick }) {
-  postOptions[id] = label({ class: 'xkit-post-option', [displayBlockUnlessDisabledAttr]: '' }, [
-    button({ click: onclick }, [buildSvg(symbolId)]),
-  ]);
+export const registerPostOption = async function ({ id, symbolId, onclick, showInAskForm = false }) {
+  postOptions[id] = {
+    element: label({ class: 'xkit-post-option', [displayBlockUnlessDisabledAttr]: '' }, [
+      button({ click: onclick }, [buildSvg(symbolId)]),
+    ]),
+    showInAskForm,
+  };
 
   pageModifications.trigger(addPostOptions);
 };