Hi Keenthemes team,
When using Metronic KTUI selects (data-kt-select="true") inside a Livewire component, the select renders correctly on full page load. However, after Livewire updates the DOM (e.g., adding a new row to a dynamic form), the KTUI select UI disappears and the select stops working. Refreshing the page restores the UI.
Steps to Reproduce
Load a page with KTUI select (data-kt-select="true") inside a Livewire component.
Select an option and fill another input in the same row.
Trigger a Livewire update that adds a new row (e.g., “Add New Service” button).
The KTUI select UI disappears or reverts to a broken state.
Expected Behavior
KTUI select remains initialized and functional after Livewire DOM updates.
Actual Behavior
KTUI select loses its UI and stops working after Livewire re-render.
Environment
Laravel 12 + Livewire 4
Metronic KTUI ktui.min.js
Local dev
Notes / Workarounds Tried
Re-initializing KTSelect.init() after Livewire updates
Removing data-kt-select-initialized attributes
wire:ignore wrapper around select
Still inconsistent after Livewire morph
Hi Keenthemes team,
When using Metronic KTUI selects (data-kt-select="true") inside a Livewire component, the select renders correctly on full page load. However, after Livewire updates the DOM (e.g., adding a new row to a dynamic form), the KTUI select UI disappears and the select stops working. Refreshing the page restores the UI.
Steps to Reproduce
Load a page with KTUI select (data-kt-select="true") inside a Livewire component.
Select an option and fill another input in the same row.
Trigger a Livewire update that adds a new row (e.g., “Add New Service” button).
The KTUI select UI disappears or reverts to a broken state.
Expected Behavior
KTUI select remains initialized and functional after Livewire DOM updates.
Actual Behavior
KTUI select loses its UI and stops working after Livewire re-render.
Environment
Laravel 12 + Livewire 4
Metronic KTUI ktui.min.js
Local dev
Notes / Workarounds Tried
Re-initializing KTSelect.init() after Livewire updates
Removing data-kt-select-initialized attributes
wire:ignore wrapper around select
Still inconsistent after Livewire morph