diff --git a/server/src/wled_controller/static/js/features/color-strips.ts b/server/src/wled_controller/static/js/features/color-strips.ts index 8497e44..b559867 100644 --- a/server/src/wled_controller/static/js/features/color-strips.ts +++ b/server/src/wled_controller/static/js/features/color-strips.ts @@ -192,7 +192,7 @@ export function onCSSTypeChange() { _ensureAudioPaletteIconSelect(); onAudioVizChange(); } - if (type === 'gradient') { _ensureGradientPresetIconSelect(); _ensureGradientEasingIconSelect(); _renderCustomPresetList(); } + if (type === 'gradient') { _ensureGradientPresetIconSelect(); _ensureGradientEasingIconSelect(); } if (type === 'notification') { ensureNotificationEffectIconSelect(); ensureNotificationFilterModeIconSelect(); @@ -399,6 +399,7 @@ function _ensureEffectPaletteIconSelect() { const sel = document.getElementById('css-editor-effect-palette') as HTMLSelectElement | null; if (!sel) return; const items = _buildGradientEntityItems(); + _syncSelectOptions(sel, items); if (_effectPaletteIconSelect) { _effectPaletteIconSelect.updateItems(items); return; } _effectPaletteIconSelect = new IconSelect({ target: sel, items, columns: 2 }); } @@ -433,6 +434,7 @@ function _ensureAudioPaletteIconSelect() { const sel = document.getElementById('css-editor-audio-palette') as HTMLSelectElement | null; if (!sel) return; const items = _buildGradientEntityItems(); + _syncSelectOptions(sel, items); if (_audioPaletteIconSelect) { _audioPaletteIconSelect.updateItems(items); return; } _audioPaletteIconSelect = new IconSelect({ target: sel, items, columns: 2 }); } @@ -456,10 +458,22 @@ function _buildGradientEntityItems() { })); } +/** Sync