iPhoneにてBootstrap4のモーダルをJQueryで閉じるも、暗い背景が残ってしまう

前提

Bootstrap4.5.0を使ってWEBアプリの画面を作成しています。
実機iPhoneのSafari上でページを開き、ボタンを押すとQRコードを読み取るWEBカメラを起動し、その画面をモーダルに入れて表示しています。

発生している問題

QRコードを読み取ったら、モーダルを閉じるという処理を行っているのですが、モーダルの背景の暗い画面が残ったままになってしまいます。PCなどで確認したときはタイミングも想定通りに、きちんと消えていたのですが、何故かiPhoneのSafariだと暗い画面だけ残ったままになってしまいます。
イメージは以下のような感じです。

（カメラでQRコードを読み取る）
↓

（暗い画面だけが残る。クリックもできない。）

このような感じです。
コードは以下のようになっています。

HTML
1<form>
2  入力項目....
3</form>
4
5<div class="modal fade" id="modal_area" tabindex="-1" role="dialog" aria-labelledby="ModalCenterTitle" aria-hidden="true">
6	  <div class="modal-dialog modal-dialog-centered" role="document">
7	    <div class="modal-content">
8	      <div class="modal-header">
9	        <h5 class="modal-title" id="ModalCenterTitle">カメラで読み取ってください</h5>
10	        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
11	          <span aria-hidden="true">&times;</span>
12	        </button>
13	      </div>
14	      <div class="modal-body">
15  			<video class="w-100" id="video"></video>
16	      </div>
17	      <div class="modal-footer">
18	        <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
19	      </div>
20	    </div>
21	  </div>
22</div>

JavaScript
1// モーダルを閉じる　これを消したいタイミングで呼び出している。
2function modalClose() {
3	$('#modal_area').modal('hide');
4	$('body').removeClass('modal-open');
5	$('.modal-backdrop').remove();
6}