I used this link as a reference for creating my Modal: Open Multiple Bootstrap Modes .
After opening a modal and clicking outside the modal box, when we return to page, an automatic style of padding-right is opened: 17px, and with each modal open it is added with 17px, result, the page is shrinking to the left due to padding.
I used f12 to check what happens, 1st print taken in index, without opening modal:
2ndprinttakenwithopenmodal:
Imadeasweepbehindsomepadding-rightbothintheindex,andinthesinglesthatiswherethedatacomesfromforthemodal,nopaddingwasfound.
{vara=parseInt(this.$body.css("padding-right")||0,10);this.originalBodyPad=document.body.style.paddingRight||"",this.bodyIsOverflowing&&this.$body.css("padding-right",a+this.scrollbarWidth)},c.prototype.resetScrollbar=function(){this.$body.css("padding-right",this.originalBodyPad)}
As you can see in print, the element {} is reporting that it comes from inline, what would it be?
Detail: If I click on a link within Modal, it does not create the padding. Padding occurs only when I click outside of the modal and it closes it.