Super Sale Limited Time 50% OFF for All-Access Plans
Save 50% Now

data-kt-search


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


Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • 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
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(
Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(