Fix semantic-ui style conflict with v-cloak (#2722)

diff --git a/templates/repo/branch_dropdown.tmpl b/templates/repo/branch_dropdown.tmpl
index fbefccc3f0b1b771ef1630263c7a4c67b18b8aba..6b9343ac0e868d576310511662af6b82d83f4a92 100644 (file)
--- a/templates/repo/branch_dropdown.tmpl
+++ b/templates/repo/branch_dropdown.tmpl
@@ -16,7 +16,7 @@
                                <div class="item tag {{if eq $.BranchName .}}selected{{end}}" data-url="{{$.RepoLink}}/{{if $.PageIsCommits}}commits{{else}}src{{end}}/{{EscapePound .}}{{if $.TreePath}}/{{EscapePound $.TreePath}}{{end}}">{{.}}</div>
                        {{end}}
                </div>
-               <div class="menu transition visible" v-if="menuVisible" v-cloak>
+               <div class="menu transition" :class="{visible: menuVisible}" v-if="menuVisible" v-cloak>
                        <div class="ui icon search input">
                                <i class="filter icon"></i>
                                <input name="search" ref="searchField" v-model="searchTerm" @keydown="keydown($event)" placeholder="{{.i18n.Tr "repo.filter_branch_and_tag"}}...">