diff options
Diffstat (limited to 'ext')
| -rw-r--r-- | ext/action-popup.html | 2 | ||||
| -rw-r--r-- | ext/display-templates.html | 46 | ||||
| -rw-r--r-- | ext/js/app/popup-factory.js | 1 | ||||
| -rw-r--r-- | ext/js/core.js | 4 | ||||
| -rw-r--r-- | ext/js/dom/dom-text-scanner.js | 4 | ||||
| -rw-r--r-- | ext/js/dom/sandbox/css-style-applier.js | 4 | ||||
| -rw-r--r-- | ext/permissions.html | 14 | ||||
| -rw-r--r-- | ext/popup.html | 8 | ||||
| -rw-r--r-- | ext/search.html | 4 | ||||
| -rw-r--r-- | ext/settings.html | 344 | ||||
| -rw-r--r-- | ext/welcome.html | 44 |
11 files changed, 239 insertions, 236 deletions
diff --git a/ext/action-popup.html b/ext/action-popup.html index d153f6eb..bf1fe166 100644 --- a/ext/action-popup.html +++ b/ext/action-popup.html @@ -25,7 +25,7 @@ </div> </label> <div class="nav-button-container"> - <button class="nav-button action-select-profile" title="Change primary profile" hidden> + <button type="button" class="nav-button action-select-profile" title="Change primary profile" hidden> <span class="icon" data-icon="profile"></span> <span class="profile-select-container"><select class="profile-select" id="profile-select"> <optgroup label="Primary Profile" id="profile-select-option-group"></optgroup> diff --git a/ext/display-templates.html b/ext/display-templates.html index 979415c7..ed0037bb 100644 --- a/ext/display-templates.html +++ b/ext/display-templates.html @@ -5,27 +5,27 @@ <div class="entry-current-indicator" title="Current entry"><span class="entry-current-indicator-inner"></span></div> <div class="entry-header"> <div class="actions"> - <button class="action-button action-button-collapsible" data-action="view-tags" hidden disabled> + <button type="button" class="action-button action-button-collapsible" data-action="view-tags" hidden disabled> <span class="action-icon icon" data-icon="tag"></span> </button> - <button class="action-button" data-action="view-note" hidden disabled title="View added note" data-hotkey='["viewNote","title","View added note ({0})"]' data-menu-position="left below h-cover v-cover"> + <button type="button" class="action-button" data-action="view-note" hidden disabled title="View added note" data-hotkey='["viewNote","title","View added note ({0})"]' data-menu-position="left below h-cover v-cover"> <span class="action-icon icon color-icon" data-icon="view-note"></span> <span class="action-button-badge icon" hidden></span> </button> - <button class="action-button" data-action="add-note" hidden disabled data-mode="term-kanji" title="Add expression" data-hotkey='["addNoteTermKanji","title","Add expression ({0})"]'> + <button type="button" class="action-button" data-action="add-note" hidden disabled data-mode="term-kanji" title="Add expression" data-hotkey='["addNoteTermKanji","title","Add expression ({0})"]'> <span class="action-icon icon color-icon" data-icon="add-term-kanji"></span> </button> - <button class="action-button" data-action="add-note" hidden disabled data-mode="term-kana" title="Add reading" data-hotkey='["addNoteTermKana","title","Add reading ({0})"]'> + <button type="button" class="action-button" data-action="add-note" hidden disabled data-mode="term-kana" title="Add reading" data-hotkey='["addNoteTermKana","title","Add reading ({0})"]'> <span class="action-icon icon color-icon" data-icon="add-term-kana"></span> </button> - <button class="action-button" data-action="play-audio" title="Play audio" data-title-default="Play audio" data-hotkey='["playAudio",["title","data-title-default"],"Play audio ({0})"]' data-menu-position="left below h-cover v-cover"> + <button type="button" class="action-button" data-action="play-audio" title="Play audio" data-title-default="Play audio" data-hotkey='["playAudio",["title","data-title-default"],"Play audio ({0})"]' data-menu-position="left below h-cover v-cover"> <span class="action-icon icon color-icon" data-icon="play-audio"></span> <span class="action-button-badge icon" hidden></span> </button> <span class="entry-current-indicator-icon" title="Current entry"> <span class="icon color-icon" data-icon="entry-current"></span> </span> - <button class="action-button action-button-collapsible" data-action="menu" data-menu-position="left below h-cover v-cover"> + <button type="button" class="action-button action-button-collapsible" data-action="menu" data-menu-position="left below h-cover v-cover"> <span class="action-icon icon" data-icon="kebab-menu"></span> </button> </div> @@ -58,7 +58,7 @@ </span> </div> <div class="headword-details"> - <button class="action-button" data-action="play-audio" title="Play audio" data-title-default="Play audio" data-hotkey='["playAudio",["title","data-title-default"],"Play audio ({0})"]' data-menu-position="right below h-cover v-cover"> + <button type="button" class="action-button" data-action="play-audio" title="Play audio" data-title-default="Play audio" data-hotkey='["playAudio",["title","data-title-default"],"Play audio ({0})"]' data-menu-position="right below h-cover v-cover"> <span class="action-icon icon color-icon" data-icon="play-audio"></span> <span class="action-button-badge icon" hidden></span> </button> @@ -66,7 +66,7 @@ </div></template> <template id="definition-item-template" data-remove-whitespace-text="true"><li class="definition-item"> <div class="definition-item-inner"> - <button class="definition-item-expansion-button"><div class="definition-item-expansion-button-icon icon" data-icon="double-down-chevron"></div></button> + <button type="button" class="definition-item-expansion-button"><div class="definition-item-expansion-button-icon icon" data-icon="double-down-chevron"></div></button> <div class="definition-item-content"> <div class="definition-tag-list tag-list"></div> <div class="definition-disambiguation-list"></div> @@ -110,16 +110,16 @@ <div class="entry-current-indicator" title="Current entry"><span class="entry-current-indicator-inner"></span></div> <div class="entry-header"> <div class="actions"> - <button class="action-button" data-action="view-note" hidden disabled title="View added note" data-hotkey='["viewNote","title","View added note ({0})"]'> + <button type="button" class="action-button" data-action="view-note" hidden disabled title="View added note" data-hotkey='["viewNote","title","View added note ({0})"]'> <span class="action-icon icon color-icon" data-icon="view-note"></span> </button> - <button class="action-button" data-action="add-note" hidden disabled data-mode="kanji" title="Add kanji" data-hotkey='["addNoteKanji","title","Add kanji ({0})"]'> + <button type="button" class="action-button" data-action="add-note" hidden disabled data-mode="kanji" title="Add kanji" data-hotkey='["addNoteKanji","title","Add kanji ({0})"]'> <span class="action-icon icon color-icon" data-icon="add-term-kanji"></span> </button> <span class="entry-current-indicator-icon" title="Current entry"> <span class="icon color-icon" data-icon="entry-current"></span> </span> - <button class="action-button action-button-collapsible" data-action="menu" data-menu-position="left below h-cover v-cover"> + <button type="button" class="action-button action-button-collapsible" data-action="menu" data-menu-position="left below h-cover v-cover"> <span class="action-icon icon" data-icon="kebab-menu"></span> </button> </div> @@ -136,25 +136,25 @@ </div> <table class="kanji-glyph-data"><tbody> <tr> - <th>Meaning</th> - <th>Readings</th> - <th>Statistics</th> + <th scope="col">Meaning</th> + <th scope="col">Readings</th> + <th scope="col">Statistics</th> </tr> <tr> <td class="kanji-gloss-container"><ol class="kanji-gloss-list"></ol></td> <td class="kanji-readings"><dl class="kanji-readings-chinese"></dl><dl class="kanji-readings-japanese"></dl></td> <td class="kanji-statistics"></td> </tr> - <tr><th colspan="3">Classifications</th></tr> + <tr><th scope="col" colspan="3">Classifications</th></tr> <tr><td colspan="3" class="kanji-classifications"></td></tr> - <tr><th colspan="3">Codepoints</th></tr> + <tr><th scope="col" colspan="3">Codepoints</th></tr> <tr><td colspan="3" class="kanji-codepoints"></td></tr> - <tr><th colspan="3">Dictionary Indices</th></tr> + <tr><th scope="col" colspan="3">Dictionary Indices</th></tr> <tr><td colspan="3" class="kanji-dictionary-indices"></td></tr> </tbody></table> </div></template> <template id="kanji-info-table-template"><table class="kanji-info-table"><tbody class="kanji-info-table-body"></tbody></table></template> -<template id="kanji-info-table-item-template"><tr class="kanji-info-table-item"><th class="kanji-info-table-item-header"></th><td class="kanji-info-table-item-value"></td></tr></template> +<template id="kanji-info-table-item-template"><tr class="kanji-info-table-item"><th scope="col" class="kanji-info-table-item-header"></th><td class="kanji-info-table-item-value"></td></tr></template> <template id="kanji-info-table-empty-template"><tr class="kanji-info-table-item kanji-info-table-item-empty"><td class="kanji-info-table-item-value-empty">No data found</td></tr></template> <template id="kanji-gloss-item-template"><li class="kanji-gloss-item"><span class="kanji-gloss-content"></span></li></template> <!-- [html-validate-disable element-required-ancestor] --> @@ -169,7 +169,7 @@ <template id="footer-notification-template"><div class="footer-notification scrollbar-inverse"> <div class="footer-notification-body"></div> <div class="footer-notification-close-button-container"> - <button class="footer-notification-close-button"><span class="footer-notification-close-button-icon icon" data-icon="cross"></span></button> + <button type="button" class="footer-notification-close-button"><span class="footer-notification-close-button-icon icon" data-icon="cross"></span></button> </div> </div></template> <template id="footer-notification-tag-details-template" data-remove-whitespace-text="true"> @@ -193,12 +193,12 @@ <!-- Popup menu --> <template id="audio-button-popup-menu-template"><div class="popup-menu-container scan-disable audio-button-popup-menu" tabindex="-1" role="dialog"><div class="popup-menu popup-menu-auto-size"><div class="popup-menu-body"></div></div></div></template> <template id="audio-button-popup-menu-item-template"><div class="popup-menu-item-group"> - <button class="popup-menu-item popup-menu-item-audio-button" data-menu-action="playAudioFromSource"><div class="popup-menu-item-icon icon" data-icon="none"></div><span class="popup-menu-item-label"></span></button> - <button class="popup-menu-item popup-menu-item-set-primary-audio-button" data-menu-action="setPrimaryAudio" title="Use as audio for Anki card"><div class="popup-menu-item-icon icon" data-icon="note-card"></div></button> + <button type="button" class="popup-menu-item popup-menu-item-audio-button" data-menu-action="playAudioFromSource"><div class="popup-menu-item-icon icon" data-icon="none"></div><span class="popup-menu-item-label"></span></button> + <button type="button" class="popup-menu-item popup-menu-item-set-primary-audio-button" data-menu-action="setPrimaryAudio" title="Use as audio for Anki card"><div class="popup-menu-item-icon icon" data-icon="note-card"></div></button> </div></template> <template id="view-note-button-popup-menu-template"><div class="popup-menu-container scan-disable view-note-button-popup-menu" tabindex="-1" role="dialog"><div class="popup-menu popup-menu-auto-size"><div class="popup-menu-body"></div></div></div></template> -<template id="view-note-button-popup-menu-item-template"><button class="popup-menu-item"><span class="popup-menu-item-label"></span></button></template> +<template id="view-note-button-popup-menu-item-template"><button type="button" class="popup-menu-item"><span class="popup-menu-item-label"></span></button></template> <template id="dictionary-entry-popup-menu-template"><div class="popup-menu-container scan-disable dictionary-entry-popup-menu" tabindex="-1" role="dialog"><div class="popup-menu popup-menu-auto-size"><div class="popup-menu-body"></div></div></div></template> -<template id="dictionary-entry-popup-menu-item-template"><button class="popup-menu-item"><span class="popup-menu-item-label"></span></button></template> +<template id="dictionary-entry-popup-menu-item-template"><button type="button" class="popup-menu-item"><span class="popup-menu-item-label"></span></button></template> </body></html> diff --git a/ext/js/app/popup-factory.js b/ext/js/app/popup-factory.js index eeb31a1b..c3c98162 100644 --- a/ext/js/app/popup-factory.js +++ b/ext/js/app/popup-factory.js @@ -71,6 +71,7 @@ class PopupFactory { * @param {?number} [details.depth] A specific depth value to assign to the popup. * @param {boolean} [details.popupWindow] Whether or not a separate popup window should be used, rather than an iframe. * @param {boolean} [details.childrenSupported] Whether or not the popup is able to show child popups. + * @returns {Popup|PopupWindow|PopupProxy} The new or existing popup. */ async getOrCreatePopup({ frameId=null, diff --git a/ext/js/core.js b/ext/js/core.js index 5b064a36..1e749c7d 100644 --- a/ext/js/core.js +++ b/ext/js/core.js @@ -309,7 +309,7 @@ function promiseTimeout(delay, resolveValue) { * Creates a promise that will resolve after the next animation frame, using `requestAnimationFrame`. * @param {number} [timeout] A maximum duration (in milliseconds) to wait until the promise resolves. If null or omitted, no timeout is used. * @returns {Promise<{time: number, timeout: number}>} A promise that is resolved with `{time, timeout}`, where `time` is the timestamp from `requestAnimationFrame`, - * and `timeout` is a boolean indicating whether the cause was a timeout or not. + * and `timeout` is a boolean indicating whether the cause was a timeout or not. * @throws The promise throws an error if animation is not supported in this context, such as in a service worker. */ function promiseAnimationFrame(timeout=null) { @@ -609,7 +609,7 @@ class DynamicProperty extends EventDispatcher { * @param {*} value The override value to assign. * @param {number} [priority] The priority value to use, as a number. * @returns {string} A string token which can be passed to the clearOverride function - * to remove the override. + * to remove the override. */ setOverride(value, priority=0) { const overridesCount = this._overrides.length; diff --git a/ext/js/dom/dom-text-scanner.js b/ext/js/dom/dom-text-scanner.js index dc5bd96a..ec4c7bd6 100644 --- a/ext/js/dom/dom-text-scanner.js +++ b/ext/js/dom/dom-text-scanner.js @@ -405,8 +405,8 @@ class DOMTextScanner { * @returns {{enterable: boolean, newlines: number}} The seek information. * The `enterable` value indicates whether the content of this node should be entered. * The `newlines` value corresponds to the number of newline characters that should be added. - * 1 newline corresponds to a simple new line in the layout. - * 2 newlines corresponds to a significant visual distinction since the previous content. + * - 1 newline corresponds to a simple new line in the layout. + * - 2 newlines corresponds to a significant visual distinction since the previous content. */ static getElementSeekInfo(element) { let enterable = true; diff --git a/ext/js/dom/sandbox/css-style-applier.js b/ext/js/dom/sandbox/css-style-applier.js index 01936d26..a47ef6ef 100644 --- a/ext/js/dom/sandbox/css-style-applier.js +++ b/ext/js/dom/sandbox/css-style-applier.js @@ -35,9 +35,10 @@ class CssStyleApplier { * @property {string} value The property's value. */ + /* eslint-disable jsdoc/check-line-alignment */ /** * Creates a new instance of the class. - * @param {string} styleDataUrl The local URL to the JSON file continaing the style rules. + * @param {string} styleDataUrl The local URL to the JSON file containing the style rules. * The style rules should be of the format: * ``` * [ @@ -57,6 +58,7 @@ class CssStyleApplier { this._patternHtmlWhitespace = /[\t\r\n\f ]+/g; this._patternClassNameCharacter = /[0-9a-zA-Z-_]/; } + /* eslint-enable jsdoc/check-line-alignment */ /** * Loads the data file for use. diff --git a/ext/permissions.html b/ext/permissions.html index bd97e94d..4aaef3c1 100644 --- a/ext/permissions.html +++ b/ext/permissions.html @@ -194,7 +194,7 @@ <div class="settings-item-label">Configure allowed origins…</div> </div> <div class="settings-item-right open-panel-button-container"> - <button class="icon-button"><span class="icon-button-inner"><span class="icon" data-icon="material-right-arrow"></span></span></button> + <button type="button" class="icon-button"><span class="icon-button-inner"><span class="icon" data-icon="material-right-arrow"></span></span></button> </div> </div></div> </div> @@ -216,8 +216,8 @@ <div class="modal-title">Allowed Origins</div> <div class="modal-header-button-container"> <div class="modal-header-button-group"> - <button class="icon-button modal-header-button" data-modal-action="expand"><span class="icon-button-inner"><span class="icon" data-icon="expand"></span></span></button> - <button class="icon-button modal-header-button" data-modal-action="collapse"><span class="icon-button-inner"><span class="icon" data-icon="collapse"></span></span></button> + <button type="button" class="icon-button modal-header-button" data-modal-action="expand"><span class="icon-button-inner"><span class="icon" data-icon="expand"></span></span></button> + <button type="button" class="icon-button modal-header-button" data-modal-action="collapse"><span class="icon-button-inner"><span class="icon" data-icon="collapse"></span></span></button> </div> </div> </div> @@ -240,7 +240,7 @@ <div id="permissions-origin-list" class="generic-list"> <div class="permissions-origin-index generic-list-index-prefix"></div> <input type="text" class="permissions-origin-input horizontal-flex-fill" autocomplete="off" spellcheck="false" id="permissions-origin-new-input"> - <button class="low-emphasis permissions-origin-button" id="permissions-origin-add">Add</button> + <button type="button" class="low-emphasis permissions-origin-button" id="permissions-origin-add">Add</button> </div> <div id="permissions-origin-list-empty" class="margin-above"> No additional origins specified. @@ -250,18 +250,18 @@ </div> </div> <div class="modal-footer"> - <button class="low-emphasis" data-modal-action="hide">Close</button> + <button type="button" class="low-emphasis" data-modal-action="hide">Close</button> </div> </div></div> <template id="permissions-origin-template"> <div class="permissions-origin-index generic-list-index-prefix"></div> <input type="text" class="permissions-origin-input horizontal-flex-fill" autocomplete="off" spellcheck="false" readonly> - <button class="icon-button permissions-origin-menu-button permissions-origin-button" data-menu="permissions-origin-menu" data-menu-position="below left"><span class="icon-button-inner"><span class="icon" data-icon="kebab-menu"></span></span></button> + <button type="button" class="icon-button permissions-origin-menu-button permissions-origin-button" data-menu="permissions-origin-menu" data-menu-position="below left"><span class="icon-button-inner"><span class="icon" data-icon="kebab-menu"></span></span></button> </template> <template id="permissions-origin-menu-template"><div class="popup-menu-container" tabindex="-1" role="dialog"><div class="popup-menu"><div class="popup-menu-body"> - <button class="popup-menu-item" data-menu-action="remove">Remove</button> + <button type="button" class="popup-menu-item" data-menu-action="remove">Remove</button> </div></div></div></template> diff --git a/ext/popup.html b/ext/popup.html index 02248b17..92186e4f 100644 --- a/ext/popup.html +++ b/ext/popup.html @@ -70,14 +70,14 @@ <div class="content-sidebar scrollbar" id="content-sidebar"> <div class="content-sidebar-inner"> <div class="content-sidebar-top-pre"> - <button class="sidebar-button danger" id="close-button" title="Close popup" data-hotkey='["close","title","Close popup ({0})"]'><span class="sidebar-button-icon icon" data-icon="cross"></span></button> + <button type="button" class="sidebar-button danger" id="close-button" title="Close popup" data-hotkey='["close","title","Close popup ({0})"]'><span class="sidebar-button-icon icon" data-icon="cross"></span></button> </div> <div class="content-sidebar-top"> - <button class="sidebar-button" disabled id="navigate-previous-button" title="Previous definition" data-hotkey='["historyBackward","title","Previous definition ({0})"]'><span class="sidebar-button-icon icon" data-icon="left-chevron"></span></button> - <button class="sidebar-button" disabled id="navigate-next-button" title="Next definition" data-hotkey='["historyForward","title","Next definition ({0})"]'><span class="sidebar-button-icon icon" data-icon="right-chevron"></span></button> + <button type="button" class="sidebar-button" disabled id="navigate-previous-button" title="Previous definition" data-hotkey='["historyBackward","title","Previous definition ({0})"]'><span class="sidebar-button-icon icon" data-icon="left-chevron"></span></button> + <button type="button" class="sidebar-button" disabled id="navigate-next-button" title="Next definition" data-hotkey='["historyForward","title","Next definition ({0})"]'><span class="sidebar-button-icon icon" data-icon="right-chevron"></span></button> </div> <div class="content-sidebar-bottom"> - <button class="sidebar-button" id="profile-button"><span class="sidebar-button-icon icon" data-icon="profile"></span></button> + <button type="button" class="sidebar-button" id="profile-button"><span class="sidebar-button-icon icon" data-icon="profile"></span></button> </div> </div> </div> diff --git a/ext/search.html b/ext/search.html index be295937..460c0df8 100644 --- a/ext/search.html +++ b/ext/search.html @@ -50,8 +50,8 @@ </div> <div class="search-textbox-container"> <textarea id="search-textbox" class="scrollbar" placeholder="Input a term, expression, sentence, or block of text" autocomplete="off" lang="ja" autofocus></textarea> - <button id="search-back-button" class="search-button" hidden><span class="icon" data-icon="left-chevron"></span></button> - <button id="search-button" class="search-button"><span class="icon" data-icon="magnifying-glass"></span></button> + <button type="button" id="search-back-button" class="search-button" hidden><span class="icon" data-icon="left-chevron"></span></button> + <button type="button" id="search-button" class="search-button"><span class="icon" data-icon="magnifying-glass"></span></button> </div> </div> diff --git a/ext/settings.html b/ext/settings.html index 3b410cce..f204a453 100644 --- a/ext/settings.html +++ b/ext/settings.html @@ -106,7 +106,7 @@ <div class="settings-item-label">Configure profiles…</div> </div> <div class="settings-item-right open-panel-button-container"> - <button class="icon-button"><span class="icon-button-inner"><span class="icon" data-icon="material-right-arrow"></span></span></button> + <button type="button" class="icon-button"><span class="icon-button-inner"><span class="icon" data-icon="material-right-arrow"></span></span></button> </div> </div></div> </div> @@ -127,7 +127,7 @@ </div> </div> <div class="settings-item-right open-panel-button-container"> - <button class="icon-button"><span class="icon-button-inner"><span class="icon" data-icon="material-right-arrow"></span></span></button> + <button type="button" class="icon-button"><span class="icon-button-inner"><span class="icon" data-icon="material-right-arrow"></span></span></button> </div> </div></div> <div class="settings-item"> @@ -147,7 +147,7 @@ </div> </div> <div class="settings-item-right"> - <button id="storage-refresh" class="low-emphasis">Refresh</button> + <button type="button" id="storage-refresh" class="low-emphasis">Refresh</button> </div> </div> </div> @@ -280,7 +280,7 @@ <div class="settings-item-label">Secondary dictionaries…</div> </div> <div class="settings-item-right open-panel-button-container"> - <button class="icon-button"><span class="icon-button-inner"><span class="icon" data-icon="material-right-arrow"></span></span></button> + <button type="button" class="icon-button"><span class="icon-button-inner"><span class="icon" data-icon="material-right-arrow"></span></span></button> </div> </div></div> </div> @@ -319,7 +319,7 @@ </div> <div class="settings-item-right"> <div class="horizontal-flex horizontal-flex-nowrap"> - <button class="low-emphasis" id="sort-frequency-dictionary-order-auto">Auto</button> + <button type="button" class="low-emphasis" id="sort-frequency-dictionary-order-auto">Auto</button> <select id="sort-frequency-dictionary-order"> <option value="descending">Occurrence-based</option> <option value="ascending">Rank-based</option> @@ -411,7 +411,7 @@ <div class="settings-item-label">Configure advanced scanning inputs… <span class="light no-wrap">(<span class="scanning-input-count">#</span> defined)</span></div> </div> <div class="settings-item-right open-panel-button-container"> - <button class="icon-button"><span class="icon-button-inner"><span class="icon" data-icon="material-right-arrow"></span></span></button> + <button type="button" class="icon-button"><span class="icon-button-inner"><span class="icon" data-icon="material-right-arrow"></span></span></button> </div> </div></div> <div class="settings-item"> @@ -615,7 +615,7 @@ <div class="settings-item-label">Configure input action prevention…</div> </div> <div class="settings-item-right open-panel-button-container"> - <button class="icon-button"><span class="icon-button-inner"><span class="icon" data-icon="material-right-arrow"></span></span></button> + <button type="button" class="icon-button"><span class="icon-button-inner"><span class="icon" data-icon="material-right-arrow"></span></span></button> </div> </div></div> </div> @@ -938,7 +938,7 @@ <div class="settings-item-label">Configure collapsible dictionaries…</div> </div> <div class="settings-item-right open-panel-button-container"> - <button class="icon-button"><span class="icon-button-inner"><span class="icon" data-icon="material-right-arrow"></span></span></button> + <button type="button" class="icon-button"><span class="icon-button-inner"><span class="icon" data-icon="material-right-arrow"></span></span></button> </div> </div></div> <div class="settings-item settings-item-button" data-modal-action="show,custom-css"><div class="settings-item-inner"> @@ -946,7 +946,7 @@ <div class="settings-item-label">Configure custom CSS…</div> </div> <div class="settings-item-right open-panel-button-container"> - <button class="icon-button"><span class="icon-button-inner"><span class="icon" data-icon="material-right-arrow"></span></span></button> + <button type="button" class="icon-button"><span class="icon-button-inner"><span class="icon" data-icon="material-right-arrow"></span></span></button> </div> </div></div> </div> @@ -1323,7 +1323,7 @@ <div class="settings-item-label">Configure audio playback sources…</div> </div> <div class="settings-item-right open-panel-button-container"> - <button class="icon-button"><span class="icon-button-inner"><span class="icon" data-icon="material-right-arrow"></span></span></button> + <button type="button" class="icon-button"><span class="icon-button-inner"><span class="icon" data-icon="material-right-arrow"></span></span></button> </div> </div></div> </div> @@ -1398,7 +1398,7 @@ A setup guide can be found <a href="https://github.com/siikamiika/yomichan-mecab-installer/blob/master/README.md" target="_blank" rel="noopener noreferrer">here</a>. </p> <div class="margin-above flex-row-nowrap"> - <button id="test-mecab-button">Test</button> + <button type="button" id="test-mecab-button">Test</button> <div id="test-mecab-results" class="flex-margin-left" hidden></div> </div> <p class="margin-above"> @@ -1444,7 +1444,7 @@ </div> <div class="settings-item-right"> <div class="horizontal-flex horizontal-flex-nowrap"> - <button class="low-emphasis" data-modal-action="show,sentence-termination-characters" id="configure-sentence-termination-characters-button" hidden>Configure…</button> + <button type="button" class="low-emphasis" data-modal-action="show,sentence-termination-characters" id="configure-sentence-termination-characters-button" hidden>Configure…</button> <select data-setting="sentenceParsing.terminationCharacterMode" data-transform='{ "type": "setVisibility", @@ -1510,7 +1510,7 @@ <div class="settings-item-label">Configure custom text replacement patterns…</div> </div> <div class="settings-item-right open-panel-button-container"> - <button class="icon-button"><span class="icon-button-inner"><span class="icon" data-icon="material-right-arrow"></span></span></button> + <button type="button" class="icon-button"><span class="icon-button-inner"><span class="icon" data-icon="material-right-arrow"></span></span></button> </div> </div></div> <div class="settings-item"><div class="settings-item-inner settings-item-inner-wrappable"> @@ -1849,8 +1849,8 @@ If an error occurs, Anki and/or AnkiConnect may need to be updated. </p> <div class="test-anki-note-viewer-container"> - <button class="test-anki-note-viewer-button" data-mode="browse">Test <em>Card browser</em></button> - <button class="test-anki-note-viewer-button" data-mode="edit">Test <em>Note editor</em></button> + <button type="button" class="test-anki-note-viewer-button" data-mode="browse">Test <em>Card browser</em></button> + <button type="button" class="test-anki-note-viewer-button" data-mode="edit">Test <em>Note editor</em></button> <div class="test-anki-note-viewer-results" id="test-anki-note-viewer-results" hidden></div> </div> <p class="margin-above"> @@ -1891,7 +1891,7 @@ <div class="settings-item-label">Configure Anki card format…</div> </div> <div class="settings-item-right open-panel-button-container"> - <button class="icon-button"><span class="icon-button-inner"><span class="icon" data-icon="material-right-arrow"></span></span></button> + <button type="button" class="icon-button"><span class="icon-button-inner"><span class="icon" data-icon="material-right-arrow"></span></span></button> </div> </div></div> <div class="settings-item settings-item-button advanced-only" data-modal-action="show,anki-card-templates"><div class="settings-item-inner"> @@ -1899,7 +1899,7 @@ <div class="settings-item-label">Configure Anki card templates…</div> </div> <div class="settings-item-right open-panel-button-container"> - <button class="icon-button"><span class="icon-button-inner"><span class="icon" data-icon="material-right-arrow"></span></span></button> + <button type="button" class="icon-button"><span class="icon-button-inner"><span class="icon" data-icon="material-right-arrow"></span></span></button> </div> </div></div> </div> @@ -2011,7 +2011,7 @@ <div class="settings-item-label">Configure standard keyboard shortcuts…</div> </div> <div class="settings-item-right open-panel-button-container"> - <button class="icon-button"><span class="icon-button-inner"><span class="icon" data-icon="material-right-arrow"></span></span></button> + <button type="button" class="icon-button"><span class="icon-button-inner"><span class="icon" data-icon="material-right-arrow"></span></span></button> </div> </div></div> <div class="settings-item settings-item-button" data-modal-action="show,extension-keyboard-shortcuts"><div class="settings-item-inner"> @@ -2019,7 +2019,7 @@ <div class="settings-item-label">Configure native keyboard shortcuts…</div> </div> <div class="settings-item-right open-panel-button-container"> - <button class="icon-button"><span class="icon-button-inner"><span class="icon" data-icon="material-right-arrow"></span></span></button> + <button type="button" class="icon-button"><span class="icon-button-inner"><span class="icon" data-icon="material-right-arrow"></span></span></button> </div> </div></div> </div> @@ -2047,14 +2047,14 @@ <div class="settings-item-right settings-item-button-group-container"> <div class="settings-item-button-group"> <div class="settings-item-button-group-item"> - <button class="low-emphasis" id="settings-import-button">Import Settings</button> + <button type="button" class="low-emphasis" id="settings-import-button">Import Settings</button> <div hidden><input type="file" id="settings-import-file" accept=".json,application/json"></div> </div> <div class="settings-item-button-group-item"> - <button class="low-emphasis" id="settings-export-button">Export Settings</button> + <button type="button" class="low-emphasis" id="settings-export-button">Export Settings</button> </div> <div class="settings-item-button-group-item"> - <button class="low-emphasis danger" id="settings-reset-button">Reset Settings</button> + <button type="button" class="low-emphasis danger" id="settings-reset-button">Reset Settings</button> </div> </div> </div> @@ -2082,11 +2082,11 @@ <div class="settings-item-right settings-item-button-group-container"> <div class="settings-item-button-group"> <div class="settings-item-button-group-item"> - <button class="low-emphasis" id="settings-import-db-button">Import Dictionary Collection</button> + <button type="button" class="low-emphasis" id="settings-import-db-button">Import Dictionary Collection</button> <div hidden><input type="file" id="settings-import-db" accept=".json,application/json"></div> </div> <div class="settings-item-button-group-item"> - <button class="low-emphasis" id="settings-export-db-button">Export Dictionary Collection</button> + <button type="button" class="low-emphasis" id="settings-export-db-button">Export Dictionary Collection</button> </div> </div> </div> @@ -2224,10 +2224,10 @@ <div class="fab-container-right"> <div class="fab-container-right-inner1"><div class="fab-container-right-inner2"> <div class="fab-container-item fab-container-item-popup-preview"> - <button class="fab-button icon-button" data-action="toggle-preview-sidebar"><span class="icon-button-inner"><span class="fab-button-background"></span><span class="icon" data-icon="popup"></span></span></button> + <button type="button" class="fab-button icon-button" data-action="toggle-preview-sidebar"><span class="icon-button-inner"><span class="fab-button-background"></span><span class="icon" data-icon="popup"></span></span></button> </div> <div class="fab-container-item"> - <button class="fab-button icon-button" data-action="toggle-sidebar"><span class="icon-button-inner"><span class="fab-button-background"></span><span class="icon" data-icon="hamburger-menu"></span></span></button> + <button type="button" class="fab-button icon-button" data-action="toggle-sidebar"><span class="icon-button-inner"><span class="fab-button-background"></span><span class="icon" data-icon="hamburger-menu"></span></span></button> </div> </div></div> </div> @@ -2256,8 +2256,8 @@ <div class="modal-title">Profiles</div> <div class="modal-header-button-container"> <div class="modal-header-button-group"> - <button class="icon-button modal-header-button" data-modal-action="expand"><span class="icon-button-inner"><span class="icon" data-icon="expand"></span></span></button> - <button class="icon-button modal-header-button" data-modal-action="collapse"><span class="icon-button-inner"><span class="icon" data-icon="collapse"></span></span></button> + <button type="button" class="icon-button modal-header-button" data-modal-action="expand"><span class="icon-button-inner"><span class="icon" data-icon="expand"></span></span></button> + <button type="button" class="icon-button modal-header-button" data-modal-action="collapse"><span class="icon-button-inner"><span class="icon" data-icon="collapse"></span></span></button> </div> </div> </div> @@ -2271,11 +2271,11 @@ </div> <div class="profile-entry-list generic-list" id="profile-entry-list"></div> <div class="profile-add-button-container"> - <button class="low-emphasis" id="profile-add-button">Add</button> + <button type="button" class="low-emphasis" id="profile-add-button">Add</button> </div> </div> <div class="modal-footer"> - <button data-modal-action="hide">Close</button> + <button type="button" data-modal-action="hide">Close</button> </div> </div></div> @@ -2284,8 +2284,8 @@ <div class="modal-title">Profile Conditions</div> <div class="modal-header-button-container"> <div class="modal-header-button-group"> - <button class="icon-button modal-header-button" data-modal-action="expand"><span class="icon-button-inner"><span class="icon" data-icon="expand"></span></span></button> - <button class="icon-button modal-header-button" data-modal-action="collapse"><span class="icon-button-inner"><span class="icon" data-icon="collapse"></span></span></button> + <button type="button" class="icon-button modal-header-button" data-modal-action="expand"><span class="icon-button-inner"><span class="icon" data-icon="expand"></span></span></button> + <button type="button" class="icon-button modal-header-button" data-modal-action="collapse"><span class="icon-button-inner"><span class="icon" data-icon="collapse"></span></span></button> </div> </div> </div> @@ -2322,11 +2322,11 @@ <div class="profile-condition-group-list-info"> <div class="profile-condition-groups-empty-info"><em>No conditions set up.</em></div> <div class="profile-condition-group-list-info-space"></div> - <button class="low-emphasis" id="profile-add-condition-group">Add Group</button> + <button type="button" class="low-emphasis" id="profile-add-condition-group">Add Group</button> </div> </div> <div class="modal-footer"> - <button data-modal-action="hide">Close</button> + <button type="button" data-modal-action="hide">Close</button> </div> </div></div> @@ -2335,8 +2335,8 @@ <div class="modal-title">Copy Profile</div> <div class="modal-header-button-container"> <div class="modal-header-button-group"> - <button class="icon-button modal-header-button" data-modal-action="expand"><span class="icon-button-inner"><span class="icon" data-icon="expand"></span></span></button> - <button class="icon-button modal-header-button" data-modal-action="collapse"><span class="icon-button-inner"><span class="icon" data-icon="collapse"></span></span></button> + <button type="button" class="icon-button modal-header-button" data-modal-action="expand"><span class="icon-button-inner"><span class="icon" data-icon="expand"></span></span></button> + <button type="button" class="icon-button modal-header-button" data-modal-action="collapse"><span class="icon-button-inner"><span class="icon" data-icon="collapse"></span></span></button> </div> </div> </div> @@ -2345,8 +2345,8 @@ <select class="form-control" id="profile-copy-source-select"></select> </div> <div class="modal-footer"> - <button class="low-emphasis" data-modal-action="hide">Cancel</button> - <button id="profile-copy-confirm-button">Copy Profile</button> + <button type="button" class="low-emphasis" data-modal-action="hide">Cancel</button> + <button type="button" id="profile-copy-confirm-button">Copy Profile</button> </div> </div></div> @@ -2358,8 +2358,8 @@ </p> </div> <div class="modal-footer"> - <button class="low-emphasis" data-modal-action="hide">Cancel</button> - <button class="danger" id="profile-remove-confirm-button">Remove Profile</button> + <button type="button" class="low-emphasis" data-modal-action="hide">Cancel</button> + <button type="button" class="danger" id="profile-remove-confirm-button">Remove Profile</button> </div> </div></div> @@ -2370,7 +2370,7 @@ <div class="profile-entry-cell"><label class="radio"><input type="radio" class="profile-entry-is-default-radio" name="profile-entry-default-radio"><span class="radio-body"><span class="radio-border"></span><span class="radio-dot"></span></span></label></div> <div class="profile-entry-cell"><input class="profile-entry-name-input" type="text" autocomplete="off" placeholder="Profile name"></div> <div class="profile-entry-cell"><a tabindex="0" class="profile-entry-condition-count-link"><span class="profile-entry-condition-count">0</span></a></div> - <div class="profile-entry-cell input-height-icon-button-container"><button class="icon-button profile-entry-menu-button" data-menu="profile-menu" data-menu-position="below left"><span class="icon-button-inner"><span class="icon" data-icon="kebab-menu"></span></span></button></div> + <div class="profile-entry-cell input-height-icon-button-container"><button type="button" class="icon-button profile-entry-menu-button" data-menu="profile-menu" data-menu-position="below left"><span class="icon-button-inner"><span class="icon" data-icon="kebab-menu"></span></span></button></div> </div></template> <template id="profile-condition-group-template"><div class="profile-condition-group"> @@ -2378,7 +2378,7 @@ <div class="profile-condition-list-info"> <div class="profile-condition-group-separator-label">or</div> <div class="profile-condition-list-info-space"></div> - <button class="profile-condition-add-button low-emphasis">Add</button> + <button type="button" class="profile-condition-add-button low-emphasis">Add</button> </div> </div></template> @@ -2390,28 +2390,28 @@ <div class="profile-condition-input-container"> <input type="text" class="profile-condition-input" autocomplete="off" spellcheck="false"> <div class="input-height-icon-button-container mouse-button-container" hidden> - <button class="icon-button profile-condition-mouse-button mouse-button"><span class="icon-button-inner"><span class="icon" data-icon="mouse"></span></span></button> + <button type="button" class="icon-button profile-condition-mouse-button mouse-button"><span class="icon-button-inner"><span class="icon" data-icon="mouse"></span></span></button> </div> </div> </div> <div class="profile-condition-menu-button-container input-height-icon-button-container"> - <button class="icon-button profile-condition-menu-button" data-menu="profile-condition-menu" data-menu-position="below left"><span class="icon-button-inner"><span class="icon" data-icon="kebab-menu"></span></span></button> + <button type="button" class="icon-button profile-condition-menu-button" data-menu="profile-condition-menu" data-menu-position="below left"><span class="icon-button-inner"><span class="icon" data-icon="kebab-menu"></span></span></button> </div> </div></template> <template id="profile-menu-template"><div class="popup-menu-container" tabindex="-1" role="dialog"><div class="popup-menu"><div class="popup-menu-body"> - <button class="popup-menu-item" data-menu-action="moveUp">Move up</button> - <button class="popup-menu-item" data-menu-action="moveDown">Move down</button> - <button class="popup-menu-item" data-menu-action="copyFrom">Copy from…</button> - <button class="popup-menu-item" data-menu-action="editConditions">Edit conditions…</button> - <button class="popup-menu-item" data-menu-action="duplicate">Duplicate</button> - <button class="popup-menu-item" data-menu-action="delete">Delete</button> + <button type="button" class="popup-menu-item" data-menu-action="moveUp">Move up</button> + <button type="button" class="popup-menu-item" data-menu-action="moveDown">Move down</button> + <button type="button" class="popup-menu-item" data-menu-action="copyFrom">Copy from…</button> + <button type="button" class="popup-menu-item" data-menu-action="editConditions">Edit conditions…</button> + <button type="button" class="popup-menu-item" data-menu-action="duplicate">Duplicate</button> + <button type="button" class="popup-menu-item" data-menu-action="delete">Delete</button> </div></div></div></template> <template id="profile-condition-menu-template"><div class="popup-menu-container" tabindex="-1" role="dialog"><div class="popup-menu"><div class="popup-menu-body"> - <button class="popup-menu-item" data-menu-action="resetValue">Reset value</button> - <button class="popup-menu-item" data-menu-action="delete">Delete</button> - <button class="popup-menu-item" data-menu-action="deleteGroup">Delete group</button> + <button type="button" class="popup-menu-item" data-menu-action="resetValue">Reset value</button> + <button type="button" class="popup-menu-item" data-menu-action="delete">Delete</button> + <button type="button" class="popup-menu-item" data-menu-action="deleteGroup">Delete group</button> </div></div></div></template> @@ -2421,8 +2421,8 @@ <div class="modal-title">Dictionaries</div> <div class="modal-header-button-container"> <div class="modal-header-button-group"> - <button class="icon-button modal-header-button" data-modal-action="expand"><span class="icon-button-inner"><span class="icon" data-icon="expand"></span></span></button> - <button class="icon-button modal-header-button" data-modal-action="collapse"><span class="icon-button-inner"><span class="icon" data-icon="collapse"></span></span></button> + <button type="button" class="icon-button modal-header-button" data-modal-action="expand"><span class="icon-button-inner"><span class="icon" data-icon="expand"></span></span></button> + <button type="button" class="icon-button modal-header-button" data-modal-action="collapse"><span class="icon-button-inner"><span class="icon" data-icon="collapse"></span></span></button> </div> </div> </div> @@ -2480,10 +2480,10 @@ <div class="progress-bar-track"><div class="progress-bar"></div></div> </div> <div class="modal-footer"> - <button class="low-emphasis danger dictionary-database-mutating-input" id="dictionary-delete-all-button">Delete All</button> - <button class="low-emphasis dictionary-database-mutating-input" id="dictionary-check-integrity">Check Integrity</button> - <button class="low-emphasis dictionary-database-mutating-input" id="dictionary-import-file-button">Import</button> - <button data-modal-action="hide">Close</button> + <button type="button" class="low-emphasis danger dictionary-database-mutating-input" id="dictionary-delete-all-button">Delete All</button> + <button type="button" class="low-emphasis dictionary-database-mutating-input" id="dictionary-check-integrity">Check Integrity</button> + <button type="button" class="low-emphasis dictionary-database-mutating-input" id="dictionary-import-file-button">Import</button> + <button type="button" data-modal-action="hide">Close</button> </div> </div></div> @@ -2495,8 +2495,8 @@ <p class="danger-text">This action cannot be undone.</p> </div> <div class="modal-footer"> - <button class="low-emphasis" data-modal-action="hide">Cancel</button> - <button class="danger" data-modal-action="hide" id="dictionary-confirm-delete-button">Delete</button> + <button type="button" class="low-emphasis" data-modal-action="hide">Cancel</button> + <button type="button" class="danger" data-modal-action="hide" id="dictionary-confirm-delete-button">Delete</button> </div> </div></div> @@ -2507,8 +2507,8 @@ <p class="danger-text">This action cannot be undone.</p> </div> <div class="modal-footer"> - <button class="low-emphasis" data-modal-action="hide">Cancel</button> - <button class="danger" data-modal-action="hide" id="dictionary-confirm-delete-all-button">Delete</button> + <button type="button" class="low-emphasis" data-modal-action="hide">Cancel</button> + <button type="button" class="danger" data-modal-action="hide" id="dictionary-confirm-delete-all-button">Delete</button> </div> </div></div> @@ -2517,8 +2517,8 @@ <div class="modal-title">Secondary Search Dictionaries</div> <div class="modal-header-button-container"> <div class="modal-header-button-group"> - <button class="icon-button modal-header-button" data-modal-action="expand"><span class="icon-button-inner"><span class="icon" data-icon="expand"></span></span></button> - <button class="icon-button modal-header-button" data-modal-action="collapse"><span class="icon-button-inner"><span class="icon" data-icon="collapse"></span></span></button> + <button type="button" class="icon-button modal-header-button" data-modal-action="expand"><span class="icon-button-inner"><span class="icon" data-icon="expand"></span></span></button> + <button type="button" class="icon-button modal-header-button" data-modal-action="collapse"><span class="icon-button-inner"><span class="icon" data-icon="collapse"></span></span></button> </div> </div> </div> @@ -2530,7 +2530,7 @@ <div id="secondary-search-dictionary-list" class="secondary-search-dictionary-list"></div> </div> <div class="modal-footer"> - <button data-modal-action="hide">Close</button> + <button type="button" data-modal-action="hide">Close</button> </div> </div></div> @@ -2539,8 +2539,8 @@ <div class="modal-title">Collapsible Dictionaries</div> <div class="modal-header-button-container"> <div class="modal-header-button-group"> - <button class="icon-button modal-header-button" data-modal-action="expand"><span class="icon-button-inner"><span class="icon" data-icon="expand"></span></span></button> - <button class="icon-button modal-header-button" data-modal-action="collapse"><span class="icon-button-inner"><span class="icon" data-icon="collapse"></span></span></button> + <button type="button" class="icon-button modal-header-button" data-modal-action="expand"><span class="icon-button-inner"><span class="icon" data-icon="expand"></span></span></button> + <button type="button" class="icon-button modal-header-button" data-modal-action="collapse"><span class="icon-button-inner"><span class="icon" data-icon="collapse"></span></span></button> </div> </div> </div> @@ -2556,7 +2556,7 @@ <div id="collapsible-dictionary-list" class="collapsible-dictionary-list"></div> </div> <div class="modal-footer"> - <button data-modal-action="hide">Close</button> + <button type="button" data-modal-action="hide">Close</button> </div> </div></div> @@ -2565,8 +2565,8 @@ <div class="modal-title">Collapsible Dictionary Info</div> <div class="modal-header-button-container"> <div class="modal-header-button-group"> - <button class="icon-button modal-header-button" data-modal-action="expand"><span class="icon-button-inner"><span class="icon" data-icon="expand"></span></span></button> - <button class="icon-button modal-header-button" data-modal-action="collapse"><span class="icon-button-inner"><span class="icon" data-icon="collapse"></span></span></button> + <button type="button" class="icon-button modal-header-button" data-modal-action="expand"><span class="icon-button-inner"><span class="icon" data-icon="expand"></span></span></button> + <button type="button" class="icon-button modal-header-button" data-modal-action="collapse"><span class="icon-button-inner"><span class="icon" data-icon="collapse"></span></span></button> </div> </div> </div> @@ -2625,7 +2625,7 @@ </div> </div> <div class="modal-footer"> - <button data-modal-action="hide">Close</button> + <button type="button" data-modal-action="hide">Close</button> </div> </div></div> @@ -2663,7 +2663,7 @@ </div></div> </div> <div class="modal-footer"> - <button data-modal-action="hide">Close</button> + <button type="button" data-modal-action="hide">Close</button> </div> </div></div> @@ -2681,7 +2681,7 @@ <div class="dictionary-counts"></div> </div> <div class="modal-footer"> - <button data-modal-action="hide">Close</button> + <button type="button" data-modal-action="hide">Close</button> </div> </div></div> @@ -2694,8 +2694,8 @@ </div> </div> <div class="modal-footer"> - <button class="low-emphasis" data-modal-action="hide">Cancel</button> - <button data-modal-action="hide" id="dictionary-move-button">Move</button> + <button type="button" class="low-emphasis" data-modal-action="hide">Cancel</button> + <button type="button" data-modal-action="hide" id="dictionary-move-button">Move</button> </div> </div></div> @@ -2708,15 +2708,15 @@ <span> <strong class="dictionary-title"></strong> <span class="light dictionary-version"></span> </span> - <button class="dictionary-outdated-button" hidden> + <button type="button" class="dictionary-outdated-button" hidden> <div class="badge warning-badge"><span class="icon" data-icon="exclamation-point-short"></span></div> </button> - <button class="dictionary-integrity-button" hidden> + <button type="button" class="dictionary-integrity-button" hidden> <div class="badge info-badge badge-small-icon"><span class="icon" data-icon="checkmark"></span></div> </button> </div> <input type="number" step="1" class="short-height dictionary-priority"> - <button class="icon-button dictionary-menu-button" data-menu="dictionary-menu" data-menu-position="below left"><span class="icon-button-inner"><span class="icon" data-icon="kebab-menu"></span></span></button> + <button type="button" class="icon-button dictionary-menu-button" data-menu="dictionary-menu" data-menu-position="below left"><span class="icon-button-inner"><span class="icon" data-icon="kebab-menu"></span></span></button> </template> <template id="dictionary-details-entry-template"><div class="dictionary-details-entry"> @@ -2731,7 +2731,7 @@ <span> <strong class="dictionary-title">Unassociated Data</strong> <span class="light dictionary-total-count"></span> </span> - <button class="dictionary-integrity-button"> + <button type="button" class="dictionary-integrity-button"> <div class="badge warning-badge"><span class="icon" data-icon="exclamation-point-short"></span></div> </button> </div> @@ -2740,11 +2740,11 @@ </template> <template id="dictionary-menu-template"><div class="popup-menu-container" tabindex="-1" role="dialog"><div class="popup-menu"><div class="popup-menu-body"> - <button class="popup-menu-item" data-menu-action="showDetails">Details…</button> - <button class="popup-menu-item" data-menu-action="moveUp">Move up</button> - <button class="popup-menu-item" data-menu-action="moveDown">Move down</button> - <button class="popup-menu-item" data-menu-action="moveTo">Move to…</button> - <button class="popup-menu-item" data-menu-action="delete">Delete</button> + <button type="button" class="popup-menu-item" data-menu-action="showDetails">Details…</button> + <button type="button" class="popup-menu-item" data-menu-action="moveUp">Move up</button> + <button type="button" class="popup-menu-item" data-menu-action="moveDown">Move down</button> + <button type="button" class="popup-menu-item" data-menu-action="moveTo">Move to…</button> + <button type="button" class="popup-menu-item" data-menu-action="delete">Delete</button> </div></div></div></template> <template id="secondary-search-dictionary-template"><div class="secondary-search-dictionary-item horizontal-flex"> @@ -2775,8 +2775,8 @@ <div class="modal-title">Custom CSS</div> <div class="modal-header-button-container"> <div class="modal-header-button-group"> - <button class="icon-button modal-header-button" data-modal-action="expand"><span class="icon-button-inner"><span class="icon" data-icon="expand"></span></span></button> - <button class="icon-button modal-header-button" data-modal-action="collapse"><span class="icon-button-inner"><span class="icon" data-icon="collapse"></span></span></button> + <button type="button" class="icon-button modal-header-button" data-modal-action="expand"><span class="icon-button-inner"><span class="icon" data-icon="expand"></span></span></button> + <button type="button" class="icon-button modal-header-button" data-modal-action="collapse"><span class="icon-button-inner"><span class="icon" data-icon="collapse"></span></span></button> </div> </div> </div> @@ -2787,7 +2787,7 @@ <textarea class="no-wrap" autocomplete="off" spellcheck="false" id="custom-popup-outer-css" data-setting="general.customPopupOuterCss" data-tab-action="indent,4"></textarea> </div> <div class="modal-footer"> - <button data-modal-action="hide">Close</button> + <button type="button" data-modal-action="hide">Close</button> </div> </div></div> <div class="modal-content-container1-fade"></div> @@ -2800,8 +2800,8 @@ <div class="modal-title">Audio Sources</div> <div class="modal-header-button-container"> <div class="modal-header-button-group"> - <button class="icon-button modal-header-button" data-modal-action="expand"><span class="icon-button-inner"><span class="icon" data-icon="expand"></span></span></button> - <button class="icon-button modal-header-button" data-modal-action="collapse"><span class="icon-button-inner"><span class="icon" data-icon="collapse"></span></span></button> + <button type="button" class="icon-button modal-header-button" data-modal-action="expand"><span class="icon-button-inner"><span class="icon" data-icon="expand"></span></span></button> + <button type="button" class="icon-button modal-header-button" data-modal-action="collapse"><span class="icon-button-inner"><span class="icon" data-icon="collapse"></span></span></button> </div> </div> </div> @@ -2825,8 +2825,8 @@ </div> </div> <div class="modal-footer"> - <button id="audio-source-add" class="low-emphasis">Add</button> - <button data-modal-action="hide">Close</button> + <button type="button" id="audio-source-add" class="low-emphasis">Add</button> + <button type="button" data-modal-action="hide">Close</button> </div> </div></div> @@ -2846,7 +2846,7 @@ </p> </div> <div class="modal-footer"> - <button data-modal-action="hide">Close</button> + <button type="button" data-modal-action="hide">Close</button> </div> </div></div> @@ -2865,7 +2865,7 @@ </p> </div> <div class="modal-footer"> - <button data-modal-action="hide">Close</button> + <button type="button" data-modal-action="hide">Close</button> </div> </div></div> @@ -2879,11 +2879,11 @@ </p> <div class="horizontal-flex margin-above"> <input type="text" value="よみちゃん" id="text-to-speech-voice-test-text" autocomplete="off" lang="ja"> - <button id="text-to-speech-voice-test">Test</button> + <button type="button" id="text-to-speech-voice-test">Test</button> </div> </div> <div class="modal-footer"> - <button data-modal-action="hide">Close</button> + <button type="button" data-modal-action="hide">Close</button> </div> </div></div> @@ -2910,12 +2910,12 @@ <select class="audio-source-parameter"></select> </div> </div> - <button class="icon-button audio-source-menu-button" data-menu="audio-source-menu" data-menu-position="below left"><span class="icon-button-inner"><span class="icon" data-icon="kebab-menu"></span></span></button> + <button type="button" class="icon-button audio-source-menu-button" data-menu="audio-source-menu" data-menu-position="below left"><span class="icon-button-inner"><span class="icon" data-icon="kebab-menu"></span></span></button> </div></template> <template id="audio-source-menu-template"><div class="popup-menu-container" tabindex="-1" role="dialog"><div class="popup-menu"><div class="popup-menu-body"> - <button class="popup-menu-item" data-menu-action="help">Help</button> - <button class="popup-menu-item" data-menu-action="remove">Remove</button> + <button type="button" class="popup-menu-item" data-menu-action="help">Help</button> + <button type="button" class="popup-menu-item" data-menu-action="remove">Remove</button> </div></div></div></template> @@ -2925,8 +2925,8 @@ <div class="modal-title">Scanning Inputs</div> <div class="modal-header-button-container"> <div class="modal-header-button-group"> - <button class="icon-button modal-header-button" data-modal-action="expand"><span class="icon-button-inner"><span class="icon" data-icon="expand"></span></span></button> - <button class="icon-button modal-header-button" data-modal-action="collapse"><span class="icon-button-inner"><span class="icon" data-icon="collapse"></span></span></button> + <button type="button" class="icon-button modal-header-button" data-modal-action="expand"><span class="icon-button-inner"><span class="icon" data-icon="expand"></span></span></button> + <button type="button" class="icon-button modal-header-button" data-modal-action="collapse"><span class="icon-button-inner"><span class="icon" data-icon="collapse"></span></span></button> </div> </div> </div> @@ -2971,8 +2971,8 @@ </div> </div> <div class="modal-footer"> - <button class="low-emphasis" id="scan-input-add">Add</button> - <button data-modal-action="hide">Close</button> + <button type="button" class="low-emphasis" id="scan-input-add">Add</button> + <button type="button" data-modal-action="hide">Close</button> </div> </div></div> @@ -2983,20 +2983,20 @@ <div class="scan-input-index-cell generic-list-index-prefix"></div> <div class="scan-input-menu-button-cell"> <div class="input-height-icon-button-container"> - <button class="icon-button scanning-input-menu-button" data-menu="scanning-inputs-menu" data-menu-position="below left"><span class="icon-button-inner"><span class="icon" data-icon="kebab-menu"></span></span></button> + <button type="button" class="icon-button scanning-input-menu-button" data-menu="scanning-inputs-menu" data-menu-position="below left"><span class="icon-button-inner"><span class="icon" data-icon="kebab-menu"></span></span></button> </div> </div> <div class="scan-input-prefix-cell" data-property="include"><span>Required inputs:</span></div> <div class="scan-input-content-cell input-group" data-property="include"> <input type="text" class="scan-input-field" autocomplete="off" spellcheck="false" placeholder="No inputs" data-property="include"> - <button class="input-suffix input-suffix-icon-button light-icon mouse-button" data-property="include"><span class="icon" data-icon="mouse"></span></button> + <button type="button" class="input-suffix input-suffix-icon-button light-icon mouse-button" data-property="include"><span class="icon" data-icon="mouse"></span></button> </div> <div class="scan-input-prefix-cell" data-property="exclude"><span>Excluded inputs:</span></div> <div class="scan-input-content-cell input-group" data-property="exclude"> <input type="text" class="scan-input-field" autocomplete="off" spellcheck="false" placeholder="No inputs" data-property="exclude"> - <button class="input-suffix input-suffix-icon-button light-icon mouse-button" data-property="exclude"><span class="icon" data-icon="mouse"></span></button> + <button type="button" class="input-suffix input-suffix-icon-button light-icon mouse-button" data-property="exclude"><span class="icon" data-icon="mouse"></span></button> </div> <div class="scan-input-prefix-cell scan-input-options-cell" data-property="types"><span>Input types:</span></div> @@ -3078,10 +3078,10 @@ </div></template> <template id="scanning-inputs-menu-template"><div class="popup-menu-container" tabindex="-1" role="dialog"><div class="popup-menu"><div class="popup-menu-body"> - <button class="popup-menu-item" data-menu-action="showAdvanced">Show advanced options</button> - <button class="popup-menu-item" data-menu-action="hideAdvanced">Hide advanced options</button> - <button class="popup-menu-item" data-menu-action="clearInputs">Clear inputs</button> - <button class="popup-menu-item" data-menu-action="remove">Remove</button> + <button type="button" class="popup-menu-item" data-menu-action="showAdvanced">Show advanced options</button> + <button type="button" class="popup-menu-item" data-menu-action="hideAdvanced">Hide advanced options</button> + <button type="button" class="popup-menu-item" data-menu-action="clearInputs">Clear inputs</button> + <button type="button" class="popup-menu-item" data-menu-action="remove">Remove</button> </div></div></div></template> @@ -3123,7 +3123,7 @@ </div> </div> <div class="modal-footer"> - <button data-modal-action="hide">Close</button> + <button type="button" data-modal-action="hide">Close</button> </div> </div></div> @@ -3134,8 +3134,8 @@ <div class="modal-title">Anki Cards</div> <div class="modal-header-button-container"> <div class="modal-header-button-group"> - <button class="icon-button modal-header-button" data-modal-action="expand"><span class="icon-button-inner"><span class="icon" data-icon="expand"></span></span></button> - <button class="icon-button modal-header-button" data-modal-action="collapse"><span class="icon-button-inner"><span class="icon" data-icon="collapse"></span></span></button> + <button type="button" class="icon-button modal-header-button" data-modal-action="expand"><span class="icon-button-inner"><span class="icon" data-icon="expand"></span></span></button> + <button type="button" class="icon-button modal-header-button" data-modal-action="collapse"><span class="icon-button-inner"><span class="icon" data-icon="collapse"></span></span></button> </div> </div> </div> @@ -3152,7 +3152,7 @@ </label> </div> <div class="tabs-right" hidden> - <button class="icon-button" data-menu-position="below left" id="anki-card-primary-type-menu-button"><span class="icon-button-inner"><span class="icon" data-icon="kebab-menu"></span></span></button> + <button type="button" class="icon-button" data-menu-position="below left" id="anki-card-primary-type-menu-button"><span class="icon-button-inner"><span class="icon" data-icon="kebab-menu"></span></span></button> </div> </div> <div class="modal-separator-line"></div> @@ -3180,8 +3180,8 @@ </div> </div> <div class="modal-footer"> - <button class="low-emphasis" data-modal-action="show,anki-cards-info">Help</button> - <button data-modal-action="hide">Close</button> + <button type="button" class="low-emphasis" data-modal-action="show,anki-cards-info">Help</button> + <button type="button" data-modal-action="hide">Close</button> </div> </div></div> @@ -3190,8 +3190,8 @@ <div class="modal-title">Anki Card Information</div> <div class="modal-header-button-container"> <div class="modal-header-button-group"> - <button class="icon-button modal-header-button" data-modal-action="expand"><span class="icon-button-inner"><span class="icon" data-icon="expand"></span></span></button> - <button class="icon-button modal-header-button" data-modal-action="collapse"><span class="icon-button-inner"><span class="icon" data-icon="collapse"></span></span></button> + <button type="button" class="icon-button modal-header-button" data-modal-action="expand"><span class="icon-button-inner"><span class="icon" data-icon="expand"></span></span></button> + <button type="button" class="icon-button modal-header-button" data-modal-action="collapse"><span class="icon-button-inner"><span class="icon" data-icon="collapse"></span></span></button> </div> </div> </div> @@ -3364,7 +3364,7 @@ </table> </div> <div class="modal-footer"> - <button data-modal-action="hide">Close</button> + <button type="button" data-modal-action="hide">Close</button> </div> </div></div> @@ -3373,7 +3373,7 @@ <template id="anki-card-field-template"><div class="anki-card-field-name-container"><span class="anki-card-field-name"></span></div> <div class="anki-card-field-value-container input-group"> <input type="text" class="anki-card-field-value" autocomplete="off"> - <button class="anki-card-field-value-menu-button input-suffix input-suffix-icon-button light-icon" data-menu-position="v-center left"><span class="icon" data-icon="material-down-arrow"></span></button> + <button type="button" class="anki-card-field-value-menu-button input-suffix input-suffix-icon-button light-icon" data-menu-position="v-center left"><span class="icon" data-icon="material-down-arrow"></span></button> </div></template> <template id="anki-card-terms-field-menu-template"><div class="popup-menu-container" tabindex="-1" role="dialog"><div class="popup-menu"><div class="popup-menu-body"></div></div></div></template> @@ -3410,16 +3410,16 @@ <input type="text" id="anki-card-templates-test-text-input" class="form-control" value="読め" placeholder="Preview text" autocomplete="off" lang="ja"> <div class="anki-card-templates-test-input-container input-group"> <input type="text" id="anki-card-templates-test-field-input" value="{expression}" placeholder="{marker}" autocomplete="off" spellcheck="false"> - <button class="input-suffix input-suffix-icon-button light-icon" id="anki-card-templates-test-field-menu-button" data-menu="anki-card-all-field-menu" data-menu-position="below left"><span class="icon" data-icon="material-down-arrow"></span></button> + <button type="button" class="input-suffix input-suffix-icon-button light-icon" id="anki-card-templates-test-field-menu-button" data-menu="anki-card-all-field-menu" data-menu-position="below left"><span class="icon" data-icon="material-down-arrow"></span></button> </div> - <button id="anki-card-templates-test-render-button">Test</button> + <button type="button" id="anki-card-templates-test-render-button">Test</button> </div> </div> <div class="code margin-above" id="anki-card-templates-render-result"><em>Card render result</em></div> </div> <div class="modal-footer"> - <button class="danger" id="anki-card-templates-reset-button">Reset Templates</button> - <button data-modal-action="hide">Close</button> + <button type="button" class="danger" id="anki-card-templates-reset-button">Reset Templates</button> + <button type="button" data-modal-action="hide">Close</button> </div> </div></div> @@ -3432,8 +3432,8 @@ </p> </div> <div class="modal-footer"> - <button class="low-emphasis" data-modal-action="hide">Cancel</button> - <button class="danger" id="anki-card-templates-reset-button-confirm">Reset Templates</button> + <button type="button" class="low-emphasis" data-modal-action="hide">Cancel</button> + <button type="button" class="danger" id="anki-card-templates-reset-button-confirm">Reset Templates</button> </div> </div></div> @@ -3447,7 +3447,7 @@ <p>Additional info can be found in the developer console.</p> </div> <div class="modal-footer"> - <button class="low-emphasis" data-modal-action="hide">Close</button> + <button type="button" class="low-emphasis" data-modal-action="hide">Close</button> </div> </div></div> @@ -3461,9 +3461,9 @@ <ul class="danger-text" id="settings-import-warning-message"></ul> </div> <div class="modal-footer"> - <button class="low-emphasis" data-modal-action="hide">Cancel</button> - <button class="danger settings-import-warning-import-button">Import</button> - <button class="settings-import-warning-import-button" data-import-sanitize="true">Sanitize and Import</button> + <button type="button" class="low-emphasis" data-modal-action="hide">Cancel</button> + <button type="button" class="danger settings-import-warning-import-button">Import</button> + <button type="button" class="settings-import-warning-import-button" data-import-sanitize="true">Sanitize and Import</button> </div> </div></div> @@ -3485,8 +3485,8 @@ </p> </div> <div class="modal-footer"> - <button class="low-emphasis" data-modal-action="hide">Cancel</button> - <button class="danger" id="settings-reset-confirm-button">Reset All Settings</button> + <button type="button" class="low-emphasis" data-modal-action="hide">Cancel</button> + <button type="button" class="danger" id="settings-reset-confirm-button">Reset All Settings</button> </div> </div></div> @@ -3497,8 +3497,8 @@ <div class="modal-title">Custom Text Replacement Patterns</div> <div class="modal-header-button-container"> <div class="modal-header-button-group"> - <button class="icon-button modal-header-button" data-modal-action="expand"><span class="icon-button-inner"><span class="icon" data-icon="expand"></span></span></button> - <button class="icon-button modal-header-button" data-modal-action="collapse"><span class="icon-button-inner"><span class="icon" data-icon="collapse"></span></span></button> + <button type="button" class="icon-button modal-header-button" data-modal-action="expand"><span class="icon-button-inner"><span class="icon" data-icon="expand"></span></span></button> + <button type="button" class="icon-button modal-header-button" data-modal-action="collapse"><span class="icon-button-inner"><span class="icon" data-icon="collapse"></span></span></button> </div> </div> </div> @@ -3536,8 +3536,8 @@ </div> </div> <div class="modal-footer"> - <button id="translation-text-replacement-add" class="low-emphasis">Add</button> - <button data-modal-action="hide">Close</button> + <button type="button" id="translation-text-replacement-add" class="low-emphasis">Add</button> + <button type="button" data-modal-action="hide">Close</button> </div> </div></div> @@ -3557,7 +3557,7 @@ <div class="translation-text-replacement-replacement-container"> <input type="text" class="translation-text-replacement-replacement code"> </div> - <button class="icon-button translation-text-replacement-button" data-menu="translation-text-replacement-entry-menu" data-menu-position="below left"><span class="icon-button-inner"><span class="icon" data-icon="kebab-menu"></span></span></button> + <button type="button" class="icon-button translation-text-replacement-button" data-menu="translation-text-replacement-entry-menu" data-menu-position="below left"><span class="icon-button-inner"><span class="icon" data-icon="kebab-menu"></span></span></button> <div class="translation-text-replacement-test-label translation-text-replacement-test-node">Test Input:</div> <div class="translation-text-replacement-test-container translation-text-replacement-test-node"> @@ -3568,9 +3568,9 @@ </div></template> <template id="translation-text-replacement-entry-menu-template"><div class="popup-menu-container" tabindex="-1" role="dialog"><div class="popup-menu"><div class="popup-menu-body"> - <button class="popup-menu-item" data-menu-action="showTest">Test</button> - <button class="popup-menu-item" data-menu-action="hideTest">Hide test</button> - <button class="popup-menu-item" data-menu-action="remove">Remove</button> + <button type="button" class="popup-menu-item" data-menu-action="showTest">Test</button> + <button type="button" class="popup-menu-item" data-menu-action="hideTest">Hide test</button> + <button type="button" class="popup-menu-item" data-menu-action="remove">Remove</button> </div></div></div></template> @@ -3580,8 +3580,8 @@ <div class="modal-title">Sentence Termination Characters</div> <div class="modal-header-button-container"> <div class="modal-header-button-group"> - <button class="icon-button modal-header-button" data-modal-action="expand"><span class="icon-button-inner"><span class="icon" data-icon="expand"></span></span></button> - <button class="icon-button modal-header-button" data-modal-action="collapse"><span class="icon-button-inner"><span class="icon" data-icon="collapse"></span></span></button> + <button type="button" class="icon-button modal-header-button" data-modal-action="expand"><span class="icon-button-inner"><span class="icon" data-icon="expand"></span></span></button> + <button type="button" class="icon-button modal-header-button" data-modal-action="collapse"><span class="icon-button-inner"><span class="icon" data-icon="collapse"></span></span></button> </div> </div> </div> @@ -3606,9 +3606,9 @@ </div> </div> <div class="modal-footer"> - <button class="low-emphasis danger" id="sentence-termination-character-list-reset">Reset</button> - <button class="low-emphasis" id="sentence-termination-character-list-add">Add</button> - <button data-modal-action="hide">Close</button> + <button type="button" class="low-emphasis danger" id="sentence-termination-character-list-reset">Reset</button> + <button type="button" class="low-emphasis" id="sentence-termination-character-list-add">Add</button> + <button type="button" data-modal-action="hide">Close</button> </div> </div></div> @@ -3645,12 +3645,12 @@ </div> </td> <td> - <button class="icon-button sentence-termination-character-entry-button" data-menu="sentence-termination-character-entry-menu" data-menu-position="below left"><span class="icon-button-inner"><span class="icon" data-icon="kebab-menu"></span></span></button> + <button type="button" class="icon-button sentence-termination-character-entry-button" data-menu="sentence-termination-character-entry-menu" data-menu-position="below left"><span class="icon-button-inner"><span class="icon" data-icon="kebab-menu"></span></span></button> </td> </tr></template> <template id="sentence-termination-character-entry-menu-template"><div class="popup-menu-container" tabindex="-1" role="dialog"><div class="popup-menu"><div class="popup-menu-body"> - <button class="popup-menu-item" data-menu-action="delete">Delete</button> + <button type="button" class="popup-menu-item" data-menu-action="delete">Delete</button> </div></div></div></template> @@ -3660,8 +3660,8 @@ <div class="modal-title">Keyboard Shortcuts</div> <div class="modal-header-button-container"> <div class="modal-header-button-group"> - <button class="icon-button modal-header-button" data-modal-action="expand"><span class="icon-button-inner"><span class="icon" data-icon="expand"></span></span></button> - <button class="icon-button modal-header-button" data-modal-action="collapse"><span class="icon-button-inner"><span class="icon" data-icon="collapse"></span></span></button> + <button type="button" class="icon-button modal-header-button" data-modal-action="expand"><span class="icon-button-inner"><span class="icon" data-icon="expand"></span></span></button> + <button type="button" class="icon-button modal-header-button" data-modal-action="collapse"><span class="icon-button-inner"><span class="icon" data-icon="collapse"></span></span></button> </div> </div> </div> @@ -3672,9 +3672,9 @@ </div> </div> <div class="modal-footer"> - <button class="low-emphasis danger" data-modal-action="show,keyboard-shortcuts-reset">Reset</button> - <button class="low-emphasis" id="hotkey-list-add">Add</button> - <button data-modal-action="hide">Close</button> + <button type="button" class="low-emphasis danger" data-modal-action="show,keyboard-shortcuts-reset">Reset</button> + <button type="button" class="low-emphasis" id="hotkey-list-add">Add</button> + <button type="button" data-modal-action="hide">Close</button> </div> </div></div> @@ -3683,8 +3683,8 @@ <div class="modal-title">Native Keyboard Shortcuts</div> <div class="modal-header-button-container"> <div class="modal-header-button-group"> - <button class="icon-button modal-header-button" data-modal-action="expand"><span class="icon-button-inner"><span class="icon" data-icon="expand"></span></span></button> - <button class="icon-button modal-header-button" data-modal-action="collapse"><span class="icon-button-inner"><span class="icon" data-icon="collapse"></span></span></button> + <button type="button" class="icon-button modal-header-button" data-modal-action="expand"><span class="icon-button-inner"><span class="icon" data-icon="expand"></span></span></button> + <button type="button" class="icon-button modal-header-button" data-modal-action="collapse"><span class="icon-button-inner"><span class="icon" data-icon="collapse"></span></span></button> </div> </div> </div> @@ -3721,9 +3721,9 @@ <div class="modal-settings-group" id="extension-hotkey-list"></div> </div> <div class="modal-footer"> - <button class="low-emphasis danger" id="extension-hotkey-list-reset-all">Reset All</button> - <button class="low-emphasis danger" id="extension-hotkey-list-clear-all">Clear All</button> - <button data-modal-action="hide">Close</button> + <button type="button" class="low-emphasis danger" id="extension-hotkey-list-reset-all">Reset All</button> + <button type="button" class="low-emphasis danger" id="extension-hotkey-list-clear-all">Clear All</button> + <button type="button" data-modal-action="hide">Close</button> </div> </div></div> @@ -3733,8 +3733,8 @@ Are you sure you want to reset all keyboard shortcuts to their defaults? </div> <div class="modal-footer"> - <button class="low-emphasis" data-modal-action="hide">Cancel</button> - <button class="danger" id="hotkey-list-reset" data-modal-action="hide">Reset All</button> + <button type="button" class="low-emphasis" data-modal-action="hide">Cancel</button> + <button type="button" class="danger" id="hotkey-list-reset" data-modal-action="hide">Reset All</button> </div> </div></div> @@ -3743,7 +3743,7 @@ <div class="hotkey-list-item-index-cell generic-list-index-prefix"></div> <div class="hotkey-list-item-button-cell"> <div class="input-height-icon-button-container"> - <button class="icon-button hotkey-list-item-button" data-menu="hotkey-list-item-menu" data-menu-position="below left"><span class="icon-button-inner"><span class="icon" data-icon="kebab-menu"></span></span></button> + <button type="button" class="icon-button hotkey-list-item-button" data-menu="hotkey-list-item-menu" data-menu-position="below left"><span class="icon-button-inner"><span class="icon" data-icon="kebab-menu"></span></span></button> </div> </div> @@ -3751,13 +3751,13 @@ <div class="hotkey-list-item-input-cell"> <input type="text" class="hotkey-list-item-input" autocomplete="off" spellcheck="false" placeholder="No input" data-property="include"> <div class="hotkey-list-item-enabled-button-container input-group"> - <button class="hotkey-list-item-enabled-button input-button"> + <button type="button" class="hotkey-list-item-enabled-button input-button"> <label class="hotkey-list-item-enabled-button-label button-inner-label"> <span class="checkbox"><input type="checkbox" class="hotkey-list-item-enabled"><span class="checkbox-body"><span class="checkbox-fill"></span><span class="checkbox-border"></span><span class="checkbox-check"></span></span></span> <span>Enabled</span> </label> </button> - <button class="hotkey-list-item-scopes-button input-suffix input-suffix-icon-button light-icon" data-menu="hotkey-list-item-scopes-menu" data-menu-position="below left"><span class="icon" data-icon="material-down-arrow"></span></button> + <button type="button" class="hotkey-list-item-scopes-button input-suffix input-suffix-icon-button light-icon" data-menu="hotkey-list-item-scopes-menu" data-menu-position="below left"><span class="icon" data-icon="material-down-arrow"></span></button> </div> </div> @@ -3797,36 +3797,36 @@ <div class="settings-item-right"> <div class="flex-row-nowrap"> <input type="text"> - <button class="icon-button extension-hotkey-list-item-button" data-menu="extension-hotkey-list-item-menu" data-menu-position="below left"><span class="icon-button-inner"><span class="icon" data-icon="kebab-menu"></span></span></button> + <button type="button" class="icon-button extension-hotkey-list-item-button" data-menu="extension-hotkey-list-item-menu" data-menu-position="below left"><span class="icon-button-inner"><span class="icon" data-icon="kebab-menu"></span></span></button> </div> </div> </div></div></template> <template id="hotkey-list-item-menu-template"><div class="popup-menu-container" tabindex="-1" role="dialog"><div class="popup-menu"><div class="popup-menu-body"> - <button class="popup-menu-item" data-menu-action="clearInputs">Clear input</button> - <button class="popup-menu-item" data-menu-action="resetInput">Reset input</button> - <button class="popup-menu-item" data-menu-action="resetArgument">Reset argument</button> - <button class="popup-menu-item" data-menu-action="delete">Delete</button> + <button type="button" class="popup-menu-item" data-menu-action="clearInputs">Clear input</button> + <button type="button" class="popup-menu-item" data-menu-action="resetInput">Reset input</button> + <button type="button" class="popup-menu-item" data-menu-action="resetArgument">Reset argument</button> + <button type="button" class="popup-menu-item" data-menu-action="delete">Delete</button> </div></div></div></template> <template id="hotkey-list-item-scopes-menu-template"><div class="popup-menu-container" tabindex="-1" role="dialog"><div class="popup-menu"><div class="popup-menu-body"> - <button class="popup-menu-item hotkey-scope-popup-menu-item" data-menu-action="toggleScope" data-scope="web"><label class="hotkey-scope-popup-menu-item-label button-inner-label"> + <button type="button" class="popup-menu-item hotkey-scope-popup-menu-item" data-menu-action="toggleScope" data-scope="web"><label class="hotkey-scope-popup-menu-item-label button-inner-label"> <label class="checkbox"><input type="checkbox" class="hotkey-scope-checkbox" data-scope="web"><span class="checkbox-body"><span class="checkbox-fill"></span><span class="checkbox-border"></span><span class="checkbox-check"></span></span></label> <span>Web</span> </label></button> - <button class="popup-menu-item hotkey-scope-popup-menu-item" data-menu-action="toggleScope" data-scope="popup"><label class="hotkey-scope-popup-menu-item-label button-inner-label"> + <button type="button" class="popup-menu-item hotkey-scope-popup-menu-item" data-menu-action="toggleScope" data-scope="popup"><label class="hotkey-scope-popup-menu-item-label button-inner-label"> <label class="checkbox"><input type="checkbox" class="hotkey-scope-checkbox" data-scope="popup"><span class="checkbox-body"><span class="checkbox-fill"></span><span class="checkbox-border"></span><span class="checkbox-check"></span></span></label> <span>Popup</span> </label></button> - <button class="popup-menu-item hotkey-scope-popup-menu-item" data-menu-action="toggleScope" data-scope="search"><label class="hotkey-scope-popup-menu-item-label button-inner-label"> + <button type="button" class="popup-menu-item hotkey-scope-popup-menu-item" data-menu-action="toggleScope" data-scope="search"><label class="hotkey-scope-popup-menu-item-label button-inner-label"> <label class="checkbox"><input type="checkbox" class="hotkey-scope-checkbox" data-scope="search"><span class="checkbox-body"><span class="checkbox-fill"></span><span class="checkbox-border"></span><span class="checkbox-check"></span></span></label> <span>Search</span> </label></button> </div></div></div></template> <template id="extension-hotkey-list-item-menu-template"><div class="popup-menu-container" tabindex="-1" role="dialog"><div class="popup-menu"><div class="popup-menu-body"> - <button class="popup-menu-item" data-menu-action="clearInput">Clear input</button> - <button class="popup-menu-item" data-menu-action="resetInput">Reset input</button> + <button type="button" class="popup-menu-item" data-menu-action="clearInput">Clear input</button> + <button type="button" class="popup-menu-item" data-menu-action="resetInput">Reset input</button> </div></div></div></template> <template id="hotkey-argument-move-offset-template"><div class="flex-row-nowrap"> diff --git a/ext/welcome.html b/ext/welcome.html index 8a01d06f..14e98367 100644 --- a/ext/welcome.html +++ b/ext/welcome.html @@ -60,7 +60,7 @@ <div class="settings-item-label">Install or remove dictionaries…</div> </div> <div class="settings-item-right open-panel-button-container"> - <button class="icon-button"><span class="icon-button-inner"><span class="icon" data-icon="material-right-arrow"></span></span></button> + <button type="button" class="icon-button"><span class="icon-button-inner"><span class="icon" data-icon="material-right-arrow"></span></span></button> </div> </div></div> </div> @@ -195,7 +195,7 @@ <div class="settings-item-label">More customization options are available on the Settings page</div> </div> <div class="settings-item-right open-panel-button-container"> - <button class="icon-button"><span class="icon-button-inner"><span class="icon" data-icon="material-right-arrow"></span></span></button> + <button type="button" class="icon-button"><span class="icon-button-inner"><span class="icon" data-icon="material-right-arrow"></span></span></button> </div> </div></a> </div> @@ -231,8 +231,8 @@ <div class="modal-title">Dictionaries</div> <div class="modal-header-button-container"> <div class="modal-header-button-group"> - <button class="icon-button modal-header-button" data-modal-action="expand"><span class="icon-button-inner"><span class="icon" data-icon="expand"></span></span></button> - <button class="icon-button modal-header-button" data-modal-action="collapse"><span class="icon-button-inner"><span class="icon" data-icon="collapse"></span></span></button> + <button type="button" class="icon-button modal-header-button" data-modal-action="expand"><span class="icon-button-inner"><span class="icon" data-icon="expand"></span></span></button> + <button type="button" class="icon-button modal-header-button" data-modal-action="collapse"><span class="icon-button-inner"><span class="icon" data-icon="collapse"></span></span></button> </div> </div> </div> @@ -290,9 +290,9 @@ <div class="progress-bar-track"><div class="progress-bar"></div></div> </div> <div class="modal-footer"> - <button class="low-emphasis danger dictionary-database-mutating-input" id="dictionary-delete-all-button">Delete All</button> - <button class="low-emphasis dictionary-database-mutating-input" id="dictionary-import-file-button">Import</button> - <button data-modal-action="hide">Close</button> + <button type="button" class="low-emphasis danger dictionary-database-mutating-input" id="dictionary-delete-all-button">Delete All</button> + <button type="button" class="low-emphasis dictionary-database-mutating-input" id="dictionary-import-file-button">Import</button> + <button type="button" data-modal-action="hide">Close</button> </div> </div></div> @@ -304,8 +304,8 @@ <p class="danger-text">This action cannot be undone.</p> </div> <div class="modal-footer"> - <button class="low-emphasis" data-modal-action="hide">Cancel</button> - <button class="danger" data-modal-action="hide" id="dictionary-confirm-delete-button">Delete</button> + <button type="button" class="low-emphasis" data-modal-action="hide">Cancel</button> + <button type="button" class="danger" data-modal-action="hide" id="dictionary-confirm-delete-button">Delete</button> </div> </div></div> @@ -316,8 +316,8 @@ <p class="danger-text">This action cannot be undone.</p> </div> <div class="modal-footer"> - <button class="low-emphasis" data-modal-action="hide">Cancel</button> - <button class="danger" data-modal-action="hide" id="dictionary-confirm-delete-all-button">Delete</button> + <button type="button" class="low-emphasis" data-modal-action="hide">Cancel</button> + <button type="button" class="danger" data-modal-action="hide" id="dictionary-confirm-delete-all-button">Delete</button> </div> </div></div> @@ -355,7 +355,7 @@ </div></div> </div> <div class="modal-footer"> - <button data-modal-action="hide">Close</button> + <button type="button" data-modal-action="hide">Close</button> </div> </div></div> @@ -368,8 +368,8 @@ </div> </div> <div class="modal-footer"> - <button class="low-emphasis" data-modal-action="hide">Cancel</button> - <button data-modal-action="hide" id="dictionary-move-button">Move</button> + <button type="button" class="low-emphasis" data-modal-action="hide">Cancel</button> + <button type="button" data-modal-action="hide" id="dictionary-move-button">Move</button> </div> </div></div> @@ -382,15 +382,15 @@ <span> <strong class="dictionary-title"></strong> <span class="light dictionary-version"></span> </span> - <button class="dictionary-outdated-button" hidden> + <button type="button" class="dictionary-outdated-button" hidden> <div class="badge warning-badge"><span class="icon" data-icon="exclamation-point-short"></span></div> </button> - <button class="dictionary-integrity-button" hidden> + <button type="button" class="dictionary-integrity-button" hidden> <div class="badge info-badge badge-small-icon"><span class="icon" data-icon="checkmark"></span></div> </button> </div> <input type="number" step="1" class="short-height dictionary-priority"> - <button class="icon-button dictionary-menu-button" data-menu="dictionary-menu" data-menu-position="below left"><span class="icon-button-inner"><span class="icon" data-icon="kebab-menu"></span></span></button> + <button type="button" class="icon-button dictionary-menu-button" data-menu="dictionary-menu" data-menu-position="below left"><span class="icon-button-inner"><span class="icon" data-icon="kebab-menu"></span></span></button> </template> <template id="dictionary-details-entry-template"><div class="dictionary-details-entry"> @@ -399,11 +399,11 @@ </div></template> <template id="dictionary-menu-template"><div class="popup-menu-container" tabindex="-1" role="dialog"><div class="popup-menu"><div class="popup-menu-body"> - <button class="popup-menu-item" data-menu-action="showDetails">Details…</button> - <button class="popup-menu-item" data-menu-action="moveUp">Move up</button> - <button class="popup-menu-item" data-menu-action="moveDown">Move down</button> - <button class="popup-menu-item" data-menu-action="moveTo">Move to…</button> - <button class="popup-menu-item" data-menu-action="delete">Delete</button> + <button type="button" class="popup-menu-item" data-menu-action="showDetails">Details…</button> + <button type="button" class="popup-menu-item" data-menu-action="moveUp">Move up</button> + <button type="button" class="popup-menu-item" data-menu-action="moveDown">Move down</button> + <button type="button" class="popup-menu-item" data-menu-action="moveTo">Move to…</button> + <button type="button" class="popup-menu-item" data-menu-action="delete">Delete</button> </div></div></div></template> |