Github issue bigger input のソースコード

Github issue bigger input

Makes the textarea inputs bigger and resized automatically on edit.

2023/05/11のページです。最新版はこちら

右端で折り返す

// ==UserScript==
// @name         Github issue bigger input
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  Makes the textarea inputs bigger and resized automatically on edit.
// @author       You
// @match        https://github.com/*/issues/*
// @icon         https://www.google.com/s2/favicons?sz=64&domain=github.com
// @grant        none
// @license MIT
// ==/UserScript==

(function() {
    'use strict';

    document.querySelectorAll('textarea').forEach(function (element) {
        element.style.boxSizing = 'border-box';
        var offset = element.offsetHeight - element.clientHeight;
        run(offset, element);
        element.addEventListener('input', function (event) {
            run(offset, event.target);
        });
    });

    document.addEventListener('click', function (event) {
        document.querySelectorAll('textarea').forEach(function (element) {
            element.style.boxSizing = 'border-box';
            var offset = element.offsetHeight - element.clientHeight;
            run(offset, element);
        });
    });

    function run(offset, element) {
        element.style.height = 'auto';
        element.style.height = element.scrollHeight + offset + 'px';
        element.style.maxHeight = element.style.height;
    }
})();