v6: .drawer-sheet ignores .drawer-start or .drawer-end but is always centered on screen

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

The docs state that .drawer-sheet "works with any placement," but combining .drawer-sheet with .drawer-end or .drawer-start does not place the sheet flush against the right or left edge of the viewport as expected. Instead, the sheet keeps beeing centered horizontally.

Expected behavior: A

should render as being pinned to the right edge of the viewport mirroring how drawer-bottom drawer-sheet is pinned to the bottom edge

Actual behavior: The panel ignores the right-edge placement; it is centered ≥lg viewport or nearly full-width lg viewport

Reduced test cases

 <dialog class="drawer drawer-end drawer-sheet show" open tabindex="-1" aria-labelledby="drawerSheetLabel">
       <div class="drawer-header">
         <h5 class="drawer-title" id="drawerSheetLabel">Sheet drawer</h5>
       </div>
       <div class="drawer-body">
         This should be flush against the right edge, not centered.
       </div>
     </dialog>

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

Linux, Windows

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

Chrome, Firefox

What version of Bootstrap are you using?

v6-dev

Start with the reduced

test case and compare it with the documentation claim that drawer-sheet works with any placement. Reproduce it in Chrome or Firefox at different viewport widths; done means drawer-end pins the sheet to the right edge while existing drawer placements remain correct.