Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Frontend Images and Links not displaying properly #43019

Closed
stormskipper opened this issue Mar 12, 2024 · 5 comments
Closed

Frontend Images and Links not displaying properly #43019

stormskipper opened this issue Mar 12, 2024 · 5 comments

Comments

@stormskipper
Copy link

Steps to reproduce the issue

I switched on Display Frontend Images and links, so I can edit these from the front end.
(Options / Articles/Editing Layout / Frontend Images and Links - Show
The images don't show.
Tried JCE, TinyMCE and NoEditor - all the same.

Also if you click on "select" to select an image you get a greyed out modal box and the only way out is to refresh the page.

Expected result

Displays images in front end editor Images and Links tab. Click on Select image and you can actually select an image.

Actual result

No images displayed on the Images and Links tab. Greyed out modal box when you click on Select image.

System information (as much as possible)

For the Images and Links tab:

Fired up the console and it's giving me
Uncaught TypeError: window.bootstrap.Modal.getInstance is not a function
at HTMLElement.connectedCallback (joomla-field-media.min.js?7b9940:4:3220)
at joomla-field-media.min.js?7b9940:4:8331

The code it's objecting to in joomla-field-media.min.js is:
if (this.button.addEventListener("click", this.show),
this.modalElement && window.bootstrap && window.bootstrap.Modal && !window.bootstrap.Modal.getInstance(this.modalElement) && Joomla.initialiseModal(this.modalElement, {
isJoomla: !0
}),

It doesn't like getInstance(this.modalElement) && Joomla.initialiseModal(this.modalElement,

When you click the Select button the error is:
Uncaught TypeError: window.bootstrap.Modal.getInstance is not a function
at HTMLElement.connectedCallback (joomla-field-media.min.js?7b9940:4:3220)
at joomla-field-media.min.js?7b9940:4:8331

This bit of code:
if (this.button.addEventListener("click", this.show),
this.modalElement && window.bootstrap && window.bootstrap.Modal && !window.bootstrap.Modal.getInstance(this.modalElement) && Joomla.initialiseModal(this.modalElement, {
isJoomla: !0
}),

Additional comments

Joomla 5.0.3 - all up to date

@dgrammatiko
Copy link
Contributor

Please confirm that your browser is supporting Import Maps (ie the version is in the green ones)

@stormskipper
Copy link
Author

Hi Browser is latest Chrome
Chrome is up to date
Version 122.0.6261.129 (Official Build) (64-bit)

@dgrammatiko
Copy link
Contributor

Then remove jce and try again

@stormskipper
Copy link
Author

imagesandlinks

Removed jce - just the same

@stormskipper
Copy link
Author

Ah - it's a template problem. I switched to Cassiopia and that is ok.
I'm using ja-stark.
I'll have to ask them.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

3 participants