Popper warning regarding .dropdown-menu margin usage when data-bs-display="static"

Prerequisites

• I have searched for duplicate or closed issues
• I have validated any HTML to avoid common problems
• I have read the contributing guidelines

Describe the issue

Popper 2.11.5 issues a warning in the browser console each time I open a dropdown which has data-bs-display="static"

Popper: CSS “margin” styles cannot be used to apply padding between the popper and its reference element or boundary. To replicate margin, use the offset modifier, as well as the padding option in the preventOverflow and flip modifiers.

It seems to be caused by the use of margin-top on .dropdown-menu, if I disable that rule in the browser inspector Popper doesn’t warn anymore:

.dropdown-menu {
  &[data-bs-popper] {
    margin-top: var(--#{$prefix}dropdown-spacer);
  }
}

Reduced test cases

Click button and watch browser console:

https://codepen.io/costka/pen/GRxmqyV

!!! Warning only appears when using non-minimized version of Popper, the minimized one removes console logging.

What operating system(s) are you seeing the problem on?

Windows

What browser(s) are you seeing the problem on?

Chrome, Firefox

What version of Bootstrap are you using?

v5.2.0, Popper.js 2.11.5

[billhance]

I solved this by adding mt-0 to the dropdown-menu element.

[RandScullard]

We just upgraded from Bootstrap 5.1.3 to 5.2.1 and this Popper warning started appearing. We are using margin to offset a dropdown inside our Bootstrap navbar. Apparently we can’t use Popper’s suggested offset solution because dropdowns in a navbar don’t use Popper. It seems that at the moment, there is no solution for this warning in the context of a navbar dropdown.