How to remove button jumps when opening modal on Bootstrap-5?

Question

JavaScript

Hello. Tell me how to remove the button jumps in the header which is set as fixed-top when opening the modal. I have my own scroll-bar with my own styles and all that. When opening a modal or Offcanvas on bootstrap-5, the body is set to padding-right: 10px; I can disable it, but then everything is stretched when the modal is opened. Maybe someone has already fixed such a jamb?

Answer 1

Listen to modal open event and manually add padding right to all blocks in fixed position stretched to full width (similar to buddy)
Keep in mind that padding doesn't have to be fixed. This is the width of the scrollbar that needs to be calculated programmatically.