diff --git a/src/components/desktop/LanguageSelectButton.vue b/src/components/desktop/LanguageSelectButton.vue index ec4f64ee..c9d1d167 100644 --- a/src/components/desktop/LanguageSelectButton.vue +++ b/src/components/desktop/LanguageSelectButton.vue @@ -1,15 +1,17 @@ - + {{ currentLanguageName }} - - + + {{ lang.nativeDisplayName }} - + {{ lang.displayName }} @@ -19,8 +21,13 @@ diff --git a/src/components/mobile/LanguageSelectButton.vue b/src/components/mobile/LanguageSelectButton.vue index 160154cd..20b79018 100644 --- a/src/components/mobile/LanguageSelectButton.vue +++ b/src/components/mobile/LanguageSelectButton.vue @@ -1,9 +1,10 @@ - + import { type LanguageSelectBaseProps, type LanguageSelectBaseEmits, useLanguageSelectButtonBase } from '@/components/base/LanguageSelectBase.ts'; +import { scrollToSelectedItem } from '@/lib/ui/common.ts'; +import { type Framework7Dom } from '@/lib/ui/mobile.ts'; + const props = defineProps(); const emit = defineEmits(); @@ -29,6 +33,10 @@ const { updateLanguage, isLanguageSelected } = useLanguageSelectButtonBase(props, emit); + +function onPopoverOpen(event: { $el: Framework7Dom }): void { + scrollToSelectedItem(event.$el[0], '.popover-inner', '.popover-inner', 'li.list-item-selected'); +}