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>

:/