HI there has this been fixed? My KTSelect is still not working on the modal even when trying the suggestions provided. Could I also ask how can I select an option using Javascript

Hi,

We have a weekly Metronic update. This issue fix will be included with this week's updates.

Thanks

Hi

Looking at the code, I can see the problem. The body attachment is hardcoded to body element.

if (containerSelector === "body") {

        return document.body; // This breaks modal attachment

    }

Hey — saw your KTSelect issue. Looks like when adding options via JS inside a modal, the dropdown shows the new items but selecting them doesn’t update the visible input.

What I’ve found so far:

• Try using dropdownContainer: 'body' when initializing KTSelect. That moves the dropdown out of the modal container so it isn’t clipped.
• Also set a higher dropdownZindex so the dropdown stays above the modal overlay.

• Check that the modal doesn’t have overflow or clipping styles interfering with the select input.
• If you’re adding options dynamically, trigger KTSelect’s refresh/rerender so both dropdown and input update.
• Use dev tools to confirm the option is being applied in the DOM. If yes but not visible, it’s likely CSS/z-index.

Hi

Sorry for the delay in response. You can configure KTSelect with dropdownContainer: 'body':

// When initializing KTSelect in a modal

const selectElement = document.querySelector("#yourSelectId");

const ktSelectInstance = new KTSelect(selectElement, {

    dropdownContainer: "body", // This moves the dropdown to document.body

    dropdownZindex: 9999, // Ensure it"s above modal z-index

    debug: true // Optional: for troubleshooting

}

<select data-kt-select="{"dropdownContainer": "body", "dropdownZindex": 9999}">

    <!-- your options -->

</select>

:/