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>