After updating to LimeSurvey 3.25.12, I have
the weirdest issue. There does not really seem to be a forum most suitable for this – apologies if it should have gone into a different subforum.
I use Firefox and use the browser extension Stylus. This allows you to create a custom stylesheet to apply or override styles on specific webpages. Note that I do not use it for any of our LimeSurvey pages, nor the admin section. However, the CSS from my custom stylesheet is now appearing in the admin notification emails that I receive from LimeSurvey. Yes, that's right - my admin notifications now end in a big chunk of CSS that is not related to LimeSurvey at all.
I believe that this now suddenly occurs due to a recent change in LimeSurvey, as I have noticed the email templates are now a full HTML document, including html, head, and body tags; this was previously not the case. Stylus seems to add its styles to the source of a webpage by adding a style tag after the body element of the page you are viewing, which includes the custom CSS that you have entered. For some reason, it also triggers on the body element in the email template WYSIWYG editor, even when 'Turn all styles off' is checked in the Stylus settings and no stylings should be getting applied anywhere.
Obviously nothing shows up in the email template WYSIWYG editor in LimeSurvey, but as soon as I open the source view, I indeed see
Code:
...email content...
</body>
<style class="stylus" id="stylus-1" type="text/css">
...lots of CSS...
</style>
</html>
At some point, the commenting/uncommenting in the lengthy stylesheet breaks and about half the contents end up being dumped plain-text into the emails. I am now looking at an email for which the template ends in {ANSWERTABLE} and it goes
Code:
...
Please tell us if you think there any relevant aspects that were not covered in this questionnaire, but that you would consider important to communicate to us? Test
.se-institution svg, .se-member svg, .se-general svg, .se-external svg, .se-press svg, .se-vendor svg .se-member::before { background-image: url("data:image/svg+xml,"); } .se-institution::before { top: 0.375em; left: 0.25em; width: 1.25em; height: 1.25em;} .se-general::before { background-image: url("data:image/svg+xml,"); } .se-vendor::before { background-image: url("data:image/svg+xml,"); background-size: 60%; }
...
I am not even sure whether this is a LimeSurvey or a Stylus issue, but it is absolutely weird. Also pretty inconvenient, as it means I have to use a different browser for LimeSurvey now as even turning off the extension does not prevent this from happening.
