fix(ui): resolve transition key conflicts in reorderable lists
Add listKeyPrefix prop to ensure unique keys across list instances Remove enter/leave transition styles to prevent animation glitches
This commit is contained in:
@@ -563,6 +563,7 @@ onMounted(() => {
|
||||
:items="checklistRows"
|
||||
:item-key="checklistKey"
|
||||
:item-label="checklistLabel"
|
||||
list-key-prefix="checklist"
|
||||
:disabled="busy"
|
||||
:handle-label="dragSortLabel"
|
||||
:handle-title="t('pages.admin.dragSortTitle')"
|
||||
@@ -611,6 +612,7 @@ onMounted(() => {
|
||||
:items="configRows"
|
||||
:item-key="configKey"
|
||||
:item-label="configLabel"
|
||||
:list-key-prefix="`config-${activeConfigType}`"
|
||||
:disabled="busy"
|
||||
:handle-label="dragSortLabel"
|
||||
:handle-title="t('pages.admin.dragSortTitle')"
|
||||
@@ -662,6 +664,7 @@ onMounted(() => {
|
||||
:items="languageRows"
|
||||
:item-key="languageKey"
|
||||
:item-label="languageLabel"
|
||||
list-key-prefix="languages"
|
||||
:disabled="busy"
|
||||
:handle-label="dragSortLabel"
|
||||
:handle-title="t('pages.admin.dragSortTitle')"
|
||||
@@ -690,6 +693,7 @@ onMounted(() => {
|
||||
:items="pokemonRows"
|
||||
:item-key="pokemonKey"
|
||||
:item-label="pokemonLabel"
|
||||
list-key-prefix="pokemon"
|
||||
:disabled="busy"
|
||||
:handle-label="dragSortLabel"
|
||||
:handle-title="t('pages.admin.dragSortTitle')"
|
||||
@@ -714,6 +718,7 @@ onMounted(() => {
|
||||
:items="itemRows"
|
||||
:item-key="itemKey"
|
||||
:item-label="itemLabel"
|
||||
list-key-prefix="items"
|
||||
:disabled="busy"
|
||||
:handle-label="dragSortLabel"
|
||||
:handle-title="t('pages.admin.dragSortTitle')"
|
||||
@@ -738,6 +743,7 @@ onMounted(() => {
|
||||
:items="recipeRows"
|
||||
:item-key="recipeKey"
|
||||
:item-label="recipeLabel"
|
||||
list-key-prefix="recipes"
|
||||
:disabled="busy"
|
||||
:handle-label="dragSortLabel"
|
||||
:handle-title="t('pages.admin.dragSortTitle')"
|
||||
@@ -762,6 +768,7 @@ onMounted(() => {
|
||||
:items="habitatRows"
|
||||
:item-key="habitatKey"
|
||||
:item-label="habitatLabel"
|
||||
list-key-prefix="habitats"
|
||||
:disabled="busy"
|
||||
:handle-label="dragSortLabel"
|
||||
:handle-title="t('pages.admin.dragSortTitle')"
|
||||
|
||||
Reference in New Issue
Block a user