Tell us about your environment

• MarkBind Version: 2.17.0

What did you do? Please include the actual source code causing the issue.
Created three dropdowns wrapped in a div.

<div>
  <!-- First dropdown -->
  <dropdown header="*Dropdown 1*" type="primary">
    <li><a href="#dropdown" class="dropdown-item">Action</a></li>
  </dropdown>
  <!-- Second dropdown -->
  <dropdown header="Dropdown 2" type="primary" menu-align-right>
    <li><a href="#dropdown" class="dropdown-item">Something else here</a></li>
  </dropdown>
  <!-- Third dropdown -->
  <dropdown header="Dropdown 3" type="primary" menu-align-right>
    <li><a href="#dropdown" class="dropdown-item">Something else here</a></li>
  </dropdown>
</div>

I noticed that this issue only occurs when the dropdowns are in a wrapper like div or box. This issue can be seen on the user guide https://markbind-master.netlify.app/userguide/usingcomponents#dropdowns, where the Right aligned list header is missing.

What did you expect to happen?
Three dropdowns with their respective header shown

What actually happened? Please include the actual, raw output.
However, the last dropdown header is missing.

Upon further inspection, it seems the header attribute for the last dropdown is not processed.