Skip to content

Commit 9b00689

Browse files
authored
Docs: update min-height inline style for modal with long content (#40870)
1 parent 523493d commit 9b00689

File tree

1 file changed

+1
-1
lines changed
  • site/content/docs/5.3/components

1 file changed

+1
-1
lines changed

site/content/docs/5.3/components/modal.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -201,7 +201,7 @@ When modals become too long for the user's viewport or device, they scroll indep
201201
<h1 class="modal-title fs-5" id="exampleModalLongTitle">Modal title</h1>
202202
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
203203
</div>
204-
<div class="modal-body" style="min-height: 1500px">
204+
<div class="modal-body" style="min-height: 100vh">
205205
<p>This is some placeholder content to show the scrolling behavior for modals. Instead of repeating the text in the modal, we use an inline style to set a minimum height, thereby extending the length of the overall modal and demonstrating the overflow scrolling. When content becomes longer than the height of the viewport, scrolling will move the modal as needed.</p>
206206
</div>
207207
<div class="modal-footer">

0 commit comments

Comments
 (0)