Does not open in page

Hi there,

I'm taking a look at the issue with Colorbox 2.1.1 where links are opening in new tabs instead of a modal. I'll update here once I've made some progress.

Cheers

To replicate the issue, I followed these steps using Drupal 11:

1. From the Colorbox module directory (modules/contrib/colorbox), I switched to the branch 3475297-does-not-open.
   Installed the required DOMPurify library, necessary for the proper functioning of the module, using the following command:
   drush colorbox:dompurify
   You can verify the installation with the same command:
   drush colorbox:dompurify
   
2. Created a new content type called "Image page", which includes an image field where the display mode is set to Colorbox.
3. Created content using this content type, attaching an image.
   
4. Upon clicking the image, the Colorbox popup does not open as expected. Instead, the image opens directly in a new tab or window.

The issue was due to the required jquery.colorbox-min.js library missing from the libraries folder. The folder structure was as follows:

./libraries
└── dompurify
    └── dist
        ├── purify.cjs.js
        ├── purify.cjs.js.map
        ├── purify.es.mjs
        ├── purify.es.mjs.map
        ├── purify.js
        ├── purify.js.map
        ├── purify.min.js
        └── purify.min.js.map

While searching in the Drupal forums, I found the following comment by Nevets → :

It mentions: «Drush users can use the command "drush colorbox-plugin"».

Upon running it, Drush responded with:

The colorbox library has been successfully downloaded to /app/web/libraries/colorbox

This installed the required library with the following structure:

./libraries
├── colorbox
│   ├── bower.json
│   ├── colorbox.ai
│   ├── content
│   ├── example1
│   ├── example2
│   ├── example3
│   ├── example4
│   ├── example5
│   ├── i18n
│   ├── jquery.colorbox.js
│   ├── jquery.colorbox-min.js  <===
│   ├── LICENSE.md
│   ├── package.json
│   └── README.md
└── dompurify
    └── dist

After clearing the cache, I was able to see the image in the popup.

The issue was due to the required jquery.colorbox-min.js library missing from the libraries folder. The folder structure was as follows:

./libraries
└── dompurify
    └── dist
        ├── purify.cjs.js
        ├── purify.cjs.js.map
        ├── purify.es.mjs
        ├── purify.es.mjs.map
        ├── purify.js
        ├── purify.js.map
        ├── purify.min.js
        └── purify.min.js.map

While searching in the Drupal forums, I found the following comment by Nevets →

It mentions: «Drush users can use the command "drush colorbox-plugin"».

Upon running it, Drush responded with:

The colorbox library has been successfully downloaded to /app/web/libraries/colorbox

This installed the required library with the following structure:

The issue was due to the required jquery.colorbox-min.js library missing from the libraries folder.

The folder structure was as follows:

./libraries
└── dompurify
    └── dist
        ├── purify.cjs.js
        ├── purify.cjs.js.map
        ├── purify.es.mjs
        ├── purify.es.mjs.map
        ├── purify.js
        ├── purify.js.map
        ├── purify.min.js
        └── purify.min.js.map

While searching in the Drupal forums, I found the following comment by Nevets →

It mentions: «Drush users can use the command "drush colorbox-plugin"».

Upon running it, Drush responded with:

The colorbox library has been successfully downloaded to /app/web/libraries/colorbox

This installed the required library with the following structure:

./libraries
├── colorbox
│   ├── bower.json
│   ├── colorbox.ai
│   ├── content
│   ├── example1
│   ├── example2
│   ├── example3
│   ├── example4
│   ├── example5
│   ├── i18n
│   ├── jquery.colorbox.js
│   ├── jquery.colorbox-min.js  <===
│   ├── LICENSE.md
│   ├── package.json
│   └── README.md
└── dompurify
    └── dist

After clearing the cache, I was able to see the image in the popup.

Hi @ismaelromero, thank you for explaining that the colorbox library needs to be installed in order for colorbox to work.

@phelix, does this solve your issue? If not, please provide a reliable set of steps on a clean installation of Drupal to reproduce the issue, including:

1. Install Drupal [core version]
2. Install colorbox [module version]
3. Install colorbox library
4. Install dompurify library (if you need it)
5. Any additional setup steps you performed (e.g. setting display mode of your image field)

If you can provide those steps and I can reproduce the issue, I'll be glad to help. Thanks!