【Rails】Data Confirm Modal - backdrop

backdrop とは

直訳すると劇場幕のことで、Webではモーダルを開いたときの背景の黒いところのことを言います。

backdropをクリックしてもモーダルが非表示にならない方法

dataConfirmModal.confirm({
  title: 'Are you sure?',
  text: 'Really do this?',
  commit: 'Yes do it',
  cancel: 'Not really',
  zIindex: 10099,
  onConfirm: function() { alert('confirmed') },
  onCancel:  function() { alert('cancelled') },
  onHide:    function() { alert('hidden') },

  // これを追加することで、backdropをクリックしてもモーダルが非表示にならない
  backdrop: 'static'
});

参考

• GitHub ifad / data-confirm-modal
  • https://github.com/ifad/data-confirm-modal

---

会社紹介

株式会社 Mosaica
最先端テクノロジーで社会課題を解決し、持続可能な未来を創造する IT カンパニー。
AI ソリューション、クラウド統合、DX 推進、経営コンサルティングなど包括的なサービスでビジネス変革を支援しています。

詳しくは 公式サイト までお気軽にご相談ください。
公式サイト： https://mosaica.co.jp/