Please help us help you and fill where relevant:
Your LimeSurvey version: 6.4.8+
Own server or LimeSurvey hosting: Both
Survey theme/template: Fruity
==================The questions and answers sometimes contain numbers. To improve the readability of numbers, I have the habit of using Mathjax's number expression uniformly. This does not affect the Mathjax-linked numbers in the questions, but there is a peculiarity with the single choice radio button responses. When one radio button is pressed, the space where the number is expressed is covered in white, obscuring the number.This only happens on iPhones (iOS). It does not occur on Android devices. It is also not related to the browser. On Android, it does not occur in Chrome, Firefox, or Opera.
Mathjax was added to custom.js as follows:
Code:
/******************
User custom JS
---------------
Put JS-functions for your template here.
If possible use a closure, or add them to the general Template Object "Template"
*/
// MathJax
function loadMathJax() {
var script = document.createElement('script');
script.type = 'text/javascript';
script.src = 'https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-chtml.js';
script.async = true;
document.head.appendChild(script);
}
// MathJax
window.MathJax = {
tex: {
inlineMath: [['$', '$'], ['\\(', '\\)']]
},
startup: {
ready: function() {
console.log('MathJax is ready');
MathJax.startup.defaultReady();
}
}
};
// MathJax Excute
document.addEventListener('DOMContentLoaded', function () {
loadMathJax();
});
$(document).on('ready pjax:scriptcomplete', function() {
/**
* Code included inside this will only run once the page Document Object Model (DOM) is ready for JavaScript code to execute
* @see https://learn.jquery.com/using-jquery-core/document-ready/
*/
if(localStorage.getItem("lsFontSize") === null) {
localStorage.setItem('lsFontSize', 110);
}
$('body').attr('data-ls-font-size', localStorage.getItem('lsFontSize'));
$('.text-size-container button').on('click', function(e) {
var lsCurrentFontSize = Number(localStorage.getItem('lsFontSize'));
var sizeIncrement = 10;
if($(this).hasClass('minus')) {
sizeIncrement = -10
}
var lsNewFontSize = lsCurrentFontSize+sizeIncrement;
localStorage.setItem('lsFontSize', lsNewFontSize);
$('body').attr('data-ls-font-size', localStorage.getItem('lsFontSize'));
});
});
Topic Author
