prismtechstudios

Awesome, I’m glad you got it figured out @acrossky! And thanks for reporting on what was causing the issue, just in case others encounter the same problem.

@acrossky Do you have a link to a page where this issue happens?

@locksoft thanks for all that information. The only thought I have initially: do you use any page speed plugins? Sometimes those can combine the JavaScript files in the wrong order, which causes issues. If you do, you could try disabling the plugin when you see the issue, checking the site to see if it works, and then enabling the page speed plugin again after that.

@nikolaii There is a shortcode for that, [mfn_list]. Unfortunately though, there are compatibility issues with footnote lists and Elementor. I’ll be fixing those in a future update, but currently footnote lists and Elementor don’t play well together.

@locksoft The behavior you’re describing would be due to a JavaScript error, and with those, an error in any plugin or theme will break every other plugin or theme. Could you follow the steps under Step 3: Diagnosis of Using Your Browser to Diagnose JavaScript Errors – Documentation – www.remarpro.com and take a screenshot of any error messages that you see? This will at least help diagnose if the problem is related to Modern Footnotes.

Hello @locksoft, the plugin should be compatible with PHP 8.x. I just confirmed on another site using PHP 8.2 and it works when I just tested at https://www.lemonskin.net/io/23634/. Are you still seeing the issue on your end, and do you get a particular error message from WordPress?

Hi @emilymoran84 ,

There’s not a native way in the plugin to mix and match the styles, but the JavaScript checks for whether an element with a class of modern-footnotes-footnote has the class modern-footnotes-footnote--expands-on-desktop to determine if it should expand like mobile. So, if you were able to add this class to certain footnotes in another way outside of the plugin, you could change the behavior of certain footnotes.

The popup versions should be screen reader accessible. We had some discussions at https://github.com/seankwilliams/modern-footnotes/issues/12 around this.

Best,
Sean

Thank you, @rfwrites !

Hi @nehagrover027 ,

Good question. This is one that I’ll have to spend some time with. The way ACF is working with that page, either Modern Footnotes is (1) writing the list before it knows about the other footnotes, or (2) treating the output of the ACF block content like it’s a separate post. I’m going to look at this as part of some other changes on the roadmap, but it will probably be some time before this is resolved.

I have one idea for a workaround, but it requires writing some hacky raw HTML. You might be able to put copies of the footnotes in a hidden div at the end of the main content (in addition to them being in the ACF block content).

Best,
Sean

Hi @glengavel ,

That functionality is not supported right now, unfortunately, but I’ll put that on the list of future improvements to make.

Best,
Sean

Hi @earl_d ,

Are you referring to having links in the text for footnotes? That’s supported (see footnote 1 at the bottom of https://prismtechstudios.com/blog/2017/06/29/single-page-app-usability/ for an example). You’ll have to be sure the link is set up as a link in the WordPress editor, though. Modern Footnotes won’t auto-detect URLs and make them clickable links on its own.

Best,
Sean

There’s nothing to support ((ref)) or <ref></ref> syntax right now unfortunately, but there is a way to support [ref][/ref] syntax. In Settings > Modern Footnotes, you can use ref for Modern Footnotes Custom Shortcode and it will use [ref] as a shortcode for Modern Footnotes. @earl_d

Hello,

Yes, footnotes get renumbered as you describe. Footnotes will be numbered sequentially, starting at 1, according to the order of the footnotes, even if you go back and add in a new footnote in between two footnotes that already existed.

The footnote shortcode has an option to override the number that is displayed if needed, but it is not used by default.

Best,
Sean

Hi @barnabas1 ,

This can be accomplished by putting the following custom CSS in the plugin settings at Settings > Modern Footnotes > Modern Footnotes Custom CSS:

.modern-footnotes-list > li > span:after {
content: ".";
}

Best,
Sean

Hi @mattzn ,

Thanks for reporting this issue. I just released an update to the plugin that should resolve this problem!

Best,
Sean