This thread is resolved. Here is a description of the problem and solution.
Problem:
Clicking button trigger JS errors in Firefox browser:
Empty string passed to getElementById().
Solution:
It should be a known issue of Firefox browser, see similar thread:
https://stackoverflow.com/questions/16280684/nesting-a-inside-button-doesnt-work-in-firefox
In your case, you can display HTML "a" tags directly, and use CSS codes to style it as button.
Relevant Documentation:
This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.
Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.
| Sun | Mon | Tue | Wed | Thu | Fri | Sat |
|---|---|---|---|---|---|---|
| - | 9:00 – 13:00 | 9:00 – 13:00 | 9:00 – 13:00 | 9:00 – 13:00 | 9:00 – 13:00 | - |
| - | 14:00 – 18:00 | 14:00 – 18:00 | 14:00 – 18:00 | 14:00 – 18:00 | 14:00 – 18:00 | - |
Supporter timezone: Asia/Hong_Kong (GMT+08:00)
This topic contains 5 replies, has 2 voices.
Last updated by 6 years, 1 month ago.
Assisted by: Luo Yang.
Thanks for the details, I can get your website credentials here:
https://toolset.com/forums/topic/assign-repeatable-field-to-author-via-frontend/#post-1147035
And see the problem with firefox browser, when I click on the button, I can see some JS errors:
Empty string passed to getElementById().
See screenshot: click-button.JPG
It should be a known issue of Firefox browser, see similar thread:
https://stackoverflow.com/questions/16280684/nesting-a-inside-button-doesnt-work-in-firefox
In your case, I suggest you don't use <button> tag to wrap <a> tags, display <a> tags directly, and use CSS codes to style it as button.
