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

Problem with KTMenu in modal


When I try to open the KTMenu in a modal the menu opens inside the modal but not under the button that performs the action

<div class="btn-group btn_side" id="content_actions">
<a id="locationProductsDropdownMenu" class="down" data-kt-menu-trigger="click" data-kt-menu-placement="bottom-end" data-kt-menu-offset="0px, 5px">
<div class="analytics-30 margin-r-2 btn-hover" title="@lang("labels.analytics-label-19")"></div>
</a>
<div class="menu menu-sub menu-sub-dropdown menu-column menu-rounded menu-gray-800 menu-state-bg-light-primary fw-semibold w-auto min-w-200px mw-300px" data-kt-menu="true">
<div class="menu-item px-3">
<a id="locationProductsFilteredToPDF" class="menu-link px-3">
@lang("labels.analytics-label-19")
</a>
</div>
<div class="menu-item px-3">
<a id="locationProductsFilteredToExcel" class="menu-link px-3">
@lang("labels.analytics-label-18")
</a>
</div>
</div>
</div>
<img src="https://imgur.com/a/h3Q7FAC" />

Thank


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 (4)


I solved it with data-kt-menu-overflow="true"

Thank.



Hi happy,

Great! All the best with your projects!

Regards.



<img src="https://i.imgur.com/qOHs5Vy.png" />



Hi,

Can you try to pass data-kt-menu-static="true" or data-kt-menu-static="false" or data-kt-menu-overflow="true" ? Please try to put the above attributes right beside data-kt-menu-trigger attribute.

Regards.


Deleted comment
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  :(