KT component ISSUES

Update after upgrading to ktui 1.0.27

• The Select2 inside a modal with search now works. However, when I set dropdownStrategy to fixed the dropdown appears bottom-right of the screen; switching to absolute makes it behave as expected. I’m not sure if this change is intended.
  
  copy

  dropdownContainer: "body", dropdownStrategy: "fixed"

• The placeholder issue still persists: if I don’t add an empty option manually, the first option becomes preselected even though the select visually shows the placeholder configurated on the ktselect.
• In KTDatatable (remote) column sorting does not work. The request query string contains sortOrder=asc&sortField=true instead of sending the actual field name.
  
  copy

  sortOrder=asc&sortField=true

• If I want to use a multiple select, I need to set both multiple="true" and data-kt-select-multiple="true". It doesn’t make much sense, does it?

Hi

The problem was in config.ts at the setSelectedOptions() method. When clearSelection() called setSelectedOptions([]), the code would execute:

When value = [], this became: [undefined]

We will include the fix in the upcoming updates.

https://github.com/keenthemes/ktui/pull/54

Thanks

Hi,
I noticed that in the latest update of ktui 1.0.25 there's an issue with the clearSelection() method.

It doesn’t completely clear _selectedOptions, since setSelectedOptions adds an undefined element. As a result, clearSelection() doesn’t display the placeholder correctly.

Hi

The issue is that the double dots are being generated by Tailwind CSS itself when it processes complex class names. This is not something we can fix in the source SCSS files because Metronic v9 uses Tailwind CSS utility classes.

The warning will appear only in Angular. You can safely ignore the warnings for now, until we find a workaround.

Thanks

Hi

We will include the missing methods and fixes for the remaining issues. Thanks for your patience and detailed feedback.

Thanks

Hi,

I have seen that the issues with the InputImage component and the KTSelect Remote have been resolved, ty for that.

Regarding the positioning issue, I have identified where the problem occurs. When the modal opens, I manually update the options in the original select. This seems to cause some conflicts with the dropdown.

It would be very useful if the KTSelect component had a method to update the options and/or reload the remote select, similar to how it works for the datatable.

For "KTSelect still does not display correctly inside a modal."

Please try the example here:

examples/select/modal.html
https://github.com/keenthemes/ktui/blob/main/examples/select/modal.html

Thanks

Hi

Thank you for your feedback. We will release the fixes before the next Metronic updates. We will then include it in the Metronic updates.

Thanks

When creating a new FormData(formEl), the remote KTSelect fields are not included, whereas the non-remote fields are correctly included.