Mercurial > addons > firefox-addons > feed-preview
view options/options.html @ 57:3c97046c2348
Fix non-responsive buttons for managing feed readers
In recent Firefox releases the "explicitOriginalTarget" property returns the
associated form element instead of the originally clicked button so that the
buttons for managing feed readers on the option page no longer worked.
Determine the button used to submit the form using the "submitter" property of
the new SubmitEvent instead.
Add a polyfill for older Firefox releases not yet supporting this.
author | Guido Berhoerster <guido+feed-preview@berhoerster.name> |
---|---|
date | Wed, 06 May 2020 13:42:35 +0200 |
parents | 688d75e554e0 |
children | d9cc8e88d297 |
line wrap: on
line source
<!doctype html> <html> <head> <meta charset="utf-8"> <!-- Copyright (C) 2018 Guido Berhoerster <guido+feed-preview@berhoerster.name> This Source Code Form is subject to the terms of the Mozilla Public License, v. 2.0. If a copy of the MPL was not distributed with this file, You can obtain one at http://mozilla.org/MPL/2.0/. --> <script src="options.js" defer></script> <link rel="stylesheet" href="options.css"> </head> <body> <template id="feed-reader-item-template"> <li class="feed-reader-item" draggable="true"> <label class="feed-reader-label"> <input type="radio" name="feed-reader" value="" required></input> <div class="feed-reader-content"> <span class="feed-reader-title"></span> <span class="feed-reader-url-template"></span> </div> </label> </li> </template> <h1 id="feed-readers-title"></h1> <form id="feed-readers"> <ul id="feed-reader-selection"> </ul> <fieldset class="browser-style button-box" name="buttons"> <button type="submit" name="move-up" class="browser-style"> <button type="submit" name="move-down" class="browser-style"> <button type="submit" name="remove" class="browser-style"> </fieldset> </form> <form id="add-feed-reader"> <div class="browser-style"> <label for="feed-reader-title"></label> <input type="text" id="feed-reader-title" name="title" placeholder="" required> </div> <div class="browser-style"> <label for="feed-reader-url-template"></label> <input type="text" id="feed-reader-url-template" placeholder="" name="url-template" required> <p id="feed-reader-url-caption" class="caption"></p> </div> <div class="browser-style"> <button type="submit" name="add" class="browser-style"> </div> </form> <h1 id="feed-preview-title"></h1> <form id="feed-preview"> <input type="checkbox" id="expand-entries" name="expand-entries"> <label for="expand-entries"> </label> </form> </body> </html>