Hello everyone,
I have encountered an issue with the modals on my website where the scroll area does not fit the page properly. Please refer to the screenshot below for reference.
I have not applied any extra styles to the modals and I am unable to pinpoint the source of the problem.
Unfortunately, it is challenging for me to share the code as the codebase is quite extensive and I am unsure which part could be causing this issue.
EDIT: Here is a sample modal:
<div class="modal fade" id="addSpotModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" onclick='addSpot.cancel()'
aria-hidden="true">×</button>
<h4 class="modal-title" id="myModalLabel">Add a spot</h4>
</div>
<div class="modal-body">
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal" onclick='addSpot.cancel()'>Close</button>
<button type="button" class="btn btn-primary" onclick='addSpot.sendAddSpotRequest()'>Save changes</button>
</div>
</div>
</div>
Any suggestions or insights on how to fix this issue?
Thank you. - Olivier