Repository: louislam/uptime-kuma
File: src/components/MonitorListFilter.vue (Vue)

Code before:
                        <span class="ps-3">
                            {{ $root.stats.pause }}
                            <span v-if="filterState.active?.includes(false)" class="px-1 filter-active">
                                <font-awesome-icon icon="check" />
                            </span>
                        </span>
                    </div>
                </div>
            </li>
        </template>
    </MonitorListFilterDropdown>
    <MonitorListFilterDropdown :filterActive="filterState.tags?.length > 0">
        <template #status>
            <Tag
                v-if="filterState.tags?.length === 1"
                :item="tagsList.find((tag) => tag.id === filterState.tags[0])"
                :size="'sm'"
            />
            <span v-else>
                {{ $t("Tags") }}
            </span>
        </template>
        <template #dropdown>
            <li class="tags-dropdown-scroll-wrapper">
                <div class="tags-dropdown-scroll">
                    <ul class="tags-dropdown-list">
                        <li v-for="tag in tagsList" :key="tag.id">
                            <div class="dropdown-item" tabindex="0" @click.stop="toggleTagFilter(tag)">
                                <div class="d-flex align-items-center justify-content-between">
                                    <span><Tag :item="tag" :size="'sm'" /></span>
                                    <span class="ps-3">
                                        {{ getTaggedMonitorCount(tag) }}
                                        <span v-if="filterState.tags?.includes(tag.id)" class="px-1 filter-active">
                                            <font-awesome-icon icon="check" />
                                        </span>
                                    </span>
                                </div>
                            </div>
                        </li>
                        <li v-if="tagsList.length === 0">
                            <div class="dropdown-item disabled px-3">
                                {{ $t("No tags found.") }}
                            </div>
                        </li>
                    </ul>
                </div>
            </li>
        </template>
    </MonitorListFilterDropdown>
    <button
        v-if="hasGroups"

Review comment (bug):
```suggestion
            <li class="list-unstyled m-0 p-0">
                <div class="tags-dropdown-scroll overflow-y-auto">
                    <ul class="list-unstyled m-0 p-0">
```

Code after:
                        <span class="ps-3">
                            {{ $root.stats.pause }}
                            <span v-if="filterState.active?.includes(false)" class="px-1 filter-active">
                                <font-awesome-icon icon="check" />
                            </span>
                        </span>
                    </div>
                </div>
            </li>
        </template>
    </MonitorListFilterDropdown>
    <MonitorListFilterDropdown :filterActive="filterState.tags?.length > 0">
        <template #status>
            <Tag
                v-if="filterState.tags?.length === 1"
                :item="tagsList.find((tag) => tag.id === filterState.tags[0])"
                :size="'sm'"
            />
            <span v-else>
                {{ $t("Tags") }}
            </span>
        </template>
        <template #dropdown>
            <li class="list-unstyled m-0 p-0">
                <div class="tags-dropdown-scroll">
                    <ul class="list-unstyled m-0 p-0">
                        <li v-for="tag in tagsList" :key="tag.id">
                            <div class="dropdown-item" tabindex="0" @click.stop="toggleTagFilter(tag)">
                                <div class="d-flex align-items-center justify-content-between">
                                    <span><Tag :item="tag" :size="'sm'" /></span>
                                    <span class="ps-3">
                                        {{ getTaggedMonitorCount(tag) }}
                                        <span v-if="filterState.tags?.includes(tag.id)" class="px-1 filter-active">
                                            <font-awesome-icon icon="check" />
                                        </span>
                                    </span>
                                </div>
                            </div>
                        </li>
                        <li v-if="tagsList.length === 0">
                            <div class="dropdown-item disabled px-3">
                                {{ $t("No tags found.") }}
                            </div>
                        </li>
                    </ul>
                </div>
            </li>
        </template>
    </MonitorListFilterDropdown>
    <button
        v-if="hasGroups"