tdsds.com/gitea
tdsds.com/gitea
1
1
Fork 0
mirror of https://github.com/go-gitea/gitea synced 2025-02-01 12:34:27 +00:00
Code Releases Activity
gitea/web_src/js/features/repo-issue-sidebar.md
Giteabot 9780da583d
Fix issue sidebar dropdown keyboard support (#33447) (#33450) 
Backport #33447 by wxiaoguang

Just a quick fix, fix #33444

Co-authored-by: wxiaoguang <wxiaoguang@gmail.com>
2025-01-31 10:11:51 +08:00

1.2 KiB
Raw Blame History

A sidebar combo (dropdown+list) is like this:

<div class="issue-sidebar-combo" data-selection-mode="..." data-update-url="...">
  <input class="combo-value" name="..." type="hidden" value="...">
  <div class="ui dropdown">
    <div class="menu">
      <div class="item clear-selection">clear</div>
      <div class="item" data-value="..." data-scope="...">
        <span class="item-check-mark">...</span>
        ...
      </div>
    </div>
  </div>
  <div class="ui list">
    <span class="item empty-list">no item</span>
    <span class="item">...</span>
  </div>
</div>

When the selected items change, the combo-value input will be updated. If there is data-update-url, it also calls backend to attach/detach the changed items.

Also, the changed items will be synchronized to the ui list items.

The items with the same data-scope only allow one selected at a time.

The dropdown selection could work in 2 modes:

  • single: only one item could be selected, it updates immediately when the item is selected.
  • multiple: multiple items could be selected, it defers the update until the dropdown is hidden.

When using "scrolling menu", the items must be in the same level, otherwise keyboard (ArrowUp/ArrowDown/Enter) won't work.