Button dropdown menu follows scrolling in iframes
How To articles are not official guidelines or officially
supporteddocumentation. They are community-contributed content and may
not alwaysreflect the latest updates to Liferay DXP. We welcome your
feedback toimprove How to articles!
While we make every effort to ensure this Knowledge Base is accurate,
itmay not always reflect the most recent updates or official
guidelines.We appreciate your understanding and encourage you to reach
out with anyfeedback or concerns.
Legacy Article
You are viewing an article from our legacy
"FastTrack"publication program, made available for
informational purposes. Articlesin this program were published without a
requirement for independentediting or verification and are provided
"as is" withoutguarantee.
Before using any information from this article, independently verify
itssuitability for your situation and project.
Issue
- This article details a case where button dropdown menu follows scrolling actions within iframes, and how this can be resolved.
Resolution
- In iframes, popper.js will move the dropdown menu when scrolling. In order to fix this into place, please include the following:
Here is a complete example of the dropdown button code:
<button
aria-expanded="false"
aria-haspopup="true"
class="btn btn-secondary dropdown-toggle"
data-display="static"
data-toggle="dropdown"
id="dropdownAlignment1"
type="button"
>
Did this article resolve your issue ?
