Block Click to Edit on Jira Issue

userscript.js

// ==UserScript==
// @name         Disable Jira Click Edit
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  Disable click edit in Jira issue descriptions
// @author       fanuch
// @match        https://*.atlassian.net/browse/*
// @icon         https://www.google.com/s2/favicons?sz=64&domain=atlassian.net
// @grant        none
// ==/UserScript==

/**
 * Toggles the double-click-to-edit functionality in Jira issue descriptions.
 * The script creates a toggle button that allows the user to enable or disable editing.
 * The button uses emoji icons to represent the current state:
 * - 🔒 (locked) indicates that editing is disabled
 * - ✏️ (pencil) indicates that editing is enabled
 */
(function() {
    'use strict';

    let isDoubleClickEnabled = false; // Set initial value to false

    /**
     * Creates the toggle button and inserts it into the Jira issue description UI.
     */
    function createToggleButton() {
        const listDivs = document.querySelectorAll('div[role="list"]');
        if (listDivs.length >= 2 && listDivs[1].firstElementChild) {
            const toggleButton = listDivs[1].firstElementChild.cloneNode(true);
            toggleButton.textContent = '🔒';
            toggleButton.id = 'toggle-button';
            toggleButton.addEventListener('click', toggleDoubleClickEdit);
            listDivs[1].insertBefore(toggleButton, listDivs[1].firstChild);
        }
    }

    /**
     * Toggles the double-click-to-edit functionality when the toggle button is clicked.
     * Updates the button icon and adds/removes the event listener on the description element.
     */
    function toggleDoubleClickEdit() {
        isDoubleClickEnabled = !isDoubleClickEnabled;
        const button = document.getElementById('toggle-button');
        const descriptionElement = document.querySelector('.ak-renderer-document');

        if (isDoubleClickEnabled) {
            button.textContent = '✏️';
            descriptionElement.removeEventListener('click', handleClick, true);
        } else {
            button.textContent = '🔒';
            descriptionElement.addEventListener('click', handleClick, true);
        }
    }

    /**
     * Handles the click event on the Jira issue description element.
     * Stops the event propagation to prevent the default double-click-to-edit behavior.
     * @param {Event} e - The click event object.
     */
    function handleClick(e) {
        e.stopPropagation();
        console.log("Blocked click-edit of Jira issue description. You're welcome.");
    }

    // Wait for the Jira issue description UI to load before creating the toggle button
    setTimeout(function() {
        createToggleButton();

        const descriptionElement = document.querySelector('.ak-renderer-document');
        if (descriptionElement) {
            descriptionElement.addEventListener('click', handleClick, true);
        }
    }, 200);
})();

Thank you for this!