mirror of
https://github.com/go-gitea/gitea
synced 2024-08-21 09:45:01 +02:00
Fix Fomantic UI dropdown icon bug when there is a search input in menu (#27225)
Fix #27224 And add the case to the devtest page.
This commit is contained in:
parent
da0467e3b6
commit
efd5176278
|
@ -171,6 +171,7 @@
|
|||
<span class="text">simple</span>
|
||||
{{svg "octicon-triangle-down" 14 "dropdown icon"}}
|
||||
<div class="menu">
|
||||
<div class="ui icon search input"><i class="icon">{{svg "octicon-search"}}</i><input type="text" value="search input in menu"></div>
|
||||
<div class="item">item</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
@ -16,6 +16,9 @@ export function initGiteaFomantic() {
|
|||
$.fn.dropdown.settings.fullTextSearch = 'exact';
|
||||
// Do not use "cursor: pointer" for dropdown labels
|
||||
$.fn.dropdown.settings.className.label += ' gt-cursor-default';
|
||||
// The default selector has a bug: if there is a "search input" in the "menu", Fomantic will only "focus the input" but not "toggle the menu" when the "dropdown icon" is clicked.
|
||||
// Actually, the "search input in menu" shouldn't be considered as the dropdown's input
|
||||
$.fn.dropdown.settings.selector.search = '> input.search, :not(.menu) > .search > input, :not(.menu) input.search';
|
||||
// Always use Gitea's SVG icons
|
||||
$.fn.dropdown.settings.templates.label = function(_value, text, preserveHTML, className) {
|
||||
const escape = $.fn.dropdown.settings.templates.escape;
|
||||
|
|
Loading…
Reference in a new issue