fix_3_click.js

// ==UserScript==
// @name         Fix 3 click
// @version      0.1
// @description  Chrome 3 连点击 inline-block 代码块时，如果代码块是唯一子节点，会出现无法选中整行的问题，导致 Airflow2 中无法全选渲染字段。此脚本在 inline-block 后增加 span 标签临时解决。预计在 Chrome 138 后修复, issue: https://issues.chromium.org/issues/418537016
// @author       HY
// @match        *://*/dags/*/grid*
// @match        *://*/browse/*
// @iconURL      https://airflow.apache.org/favicons/favicon-32x32.png
// ==/UserScript==

(() => {
  const log = (...args) => {
      console.log('[Tempermonkey > Fix 3 click]', ...args);
  }

  const getChromeVersion = () => {
      const ua = navigator.userAgent;
      const match = ua.match(/Chrome\/(\d+)\./);
      return match ? parseInt(match[1], 10) : null;
  }

  const chromeVersion = getChromeVersion();
  if (chromeVersion === null || chromeVersion >= 138) {
      // Chrome 版本是 138 及以上，脚本不执行
      log(`Chrome version ${chromeVersion} detected, skipping script.`);
      return;
  }

  log(`Chrome version ${chromeVersion}, run append <spen>`);
  const appendSpanForAirflow = () => {
    Array.from(document.querySelectorAll('*'))
         .map(element => element.shadowRoot)
         .filter(Boolean)
         .forEach(shadowRoot => {
             shadowRoot.querySelectorAll('td > code').forEach(code => {
                 const td = code.parentElement;
                 const onlyChild = td.childNodes.length === 1 && td.firstChild === code;
                 if (onlyChild) {
                     log('append <span> for td > code', code);
                     const span = document.createElement('span');
                     code.after(span);
                 }
             });
         })
  };

  appendSpanForAirflow();
  new MutationObserver(appendSpanForAirflow).observe(document.body, { childList: true, subtree: true });

  const appendSpanForJira = () => {
    // 选择所有元素
    const allElements = document.querySelectorAll('*');
    allElements.forEach(el => {
      if (!el.parentElement) return; // 没父元素的忽略

      const style = window.getComputedStyle(el);
      const isInlineBlock = style.display === 'inline-block';
      const isLastChild = el === el.parentElement.lastElementChild;
      const alreadyAdded = el.nextElementSibling?.dataset?.tmFix === '1';

      if (isInlineBlock && isLastChild && !alreadyAdded) {
        const span = document.createElement('span');
        span.dataset.tmFix = '1';
        el.after(span);
      }
    });
  };
  appendSpanForJira();
  new MutationObserver(appendSpanForJira).observe(document.body, { childList: true, subtree: true });
})();