Default Drupal modal popup issue with bootstrap theme

Created on 4 August 2019, over 5 years ago
Updated 13 September 2024, 4 months ago

I try to load an entity add/edit page inside a popup dialog.

I simply try with <a class="use-ajax" data-dialog-type="modal" href="/contact">Contact US</a>

But when I load the page and click on this link it gives me an error

js_oqRDIXd4H88gTGg-JgDoew5ZwUqaP8cdAiQFKvAGD6Y.SqUBfzjpKESCKXCs6ygLzzZ_0pfF2FDe9FIKNCpSeOQ.js?pvpltb:98 Uncaught TypeError: Cannot read property 'apply' of undefined
    at Bootstrap.Dialog.Handler.invoke (js_oqRDIXd4H88gTGg-JgDoew5ZwUqaP8cdAiQFKvAGD6Y.SqUBfzjpKESCKXCs6ygLzzZ_0pfF2FDe9FIKNCpSeOQ.js?pvpltb:98)
    at r.fn.init.Bootstrap.Dialog.Bridge [as dialog] (js_wQIrocvzIsauaDX5FEoSimrhVX2VxLdcRPE97ZvV-6w.couyQpyZ8f1RGgzXGyVi9ny3ERbyhtRDZNtJ6dHCk-E.js?pvpltb:49)
    at openDialog (js_GrQl3TMVBdSFgif7bkvIVoCWbf9SY3sm8jianc5MBYI.an5qlBmU47tzUAaGnO1-Xzzry1lVUbUfFKX8DCJHb1M.js?v=8.7.1:33)
    at Object.dialog.showModal (js_GrQl3TMVBdSFgif7bkvIVoCWbf9SY3sm8jianc5MBYI.an5qlBmU47tzUAaGnO1-Xzzry1lVUbUfFKX8DCJHb1M.js?v=8.7.1:50)
    at Drupal.AjaxCommands.openDialog (js_pAeG7RDQ-OzGHleM9CUkMdi9zEEk47tzKuWhzA1rUBM.-MNnYLEAegDKJDQ0iyBwTQD1sbnIsYNi94_ZYEN7bDU.js?v=8.7.1:96)
    at Drupal.Ajax.success (js_MAhYTTFL4Ouv_wxtvSRFb_u5MOCZdIaO1SULjv3Xze0.t6tp05IvINHeoa16Hdw3eXjsHpAMOSRi7TcQzczWlyY.js?pvpltb:155)
    at Drupal.Ajax.success (js_PZyRP1XVUr-c1JcUQsj-Mo6HbAPGAiWedUdyw6wuL3g.oerk691pOLLgMI-7yIMOnmj5MxI_tGxUsfiS8VLAox0.js?pvpltb:21)
    at Object.success (js_RpLV1j1SEgkAOBNxIxvzKXRlefOlhPa03lpGt46bJEg.j0W-fbVjVtL-XiZ1gAbzfsVILsT394v5iRzQlezSdp8.js?v=8.7.1:234)
    at i (js_dxIVcwvQ00owLGoUGPTfRYXU-T5rnj8Xi0cXfb3Kn58.hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4.js?v=3.2.1:2)
    at Object.fireWith [as resolveWith] (js_dxIVcwvQ00owLGoUGPTfRYXU-T5rnj8Xi0cXfb3Kn58.hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4.js?v=3.2.1:2)

I did some searching and in one case I change my theme to Bitrik default Drupal theme. After this change the popup works that mean the issue is with Bootstrap theme.

I use the "drupal/bootstrap": "^3.19". and the sub-theme that the LESS/ SASS javascript are commented on theme.libraries.yml.

🐛 Bug report
Status

Closed: won't fix

Version

3.0

Component

Code

Created by

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Comments & Activities

Not all content is available!

It's likely this issue predates Contrib.social: some issue and comment data are missing.

Production build 0.71.5 2024