Get 2024 Templates Mega Bundle!$1000 worth of 19 Bootstrap HTML, Vue & React Templates + 3 Vector Sets for just $99
Get for 99$

data-kt-search


When click input search of select2 inside quick search, form search hide


Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(

Replies (10)


The same thing also happens in kt-menu



Hi,

We have double-checked it and we could not reproduce the issue you explained.
When we select an option for Select2 input controls the search menu stays open as expected, it's not getting closed.

May I know what is your OS and browser version?

Regards.



Thank Sean. Not selecting the option in select2, but clicking on the search box of select2



Hi,

Noted, we can reproduce this issue now, we will provide a fix for this issue in the next update.

In the meantime you can fix it by just adding data-dropdown-parent="#kt_header_search" attribute to the select2 select inputs in the search menu.

If you need any further help please let us know.

Regards.


Your Support Matters!

We will highly appreciate your Metronic Review on Themeforest.
Please go to Themeforest Downloads page, select Metronic & leave your feedback.

Thank Sean. Let me try



I have done it, but how should I handle flatpickr and datepickrange?
<img src="https://i.imgur.com/J325Azs.png" />



Hi,

Thanks for the feedback.

We will check this further. We will need to see if these plugins have parent element binding support like Select2 does.

Regards.



Thank you !!!



Thank Sean. Metronic 8, html, demo1. I follow the following sequence.

Click on the search icon on the index demo page, then press the 'show more search options' button, select 'select within the next', click on the input field to search for a value for 'select within the next'



Hi,

May I know which Metronic version, framework, and demo are you referring to?
Can you check if the search kt menu has data-kt-menu-permanent="true" attribute set as in the latest Metronic v8.1.8 demo 1 as you can preview here?

Regards.


Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(
Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(