First a big thank you for SurveyJS - amazing job.
Just a quick suggestion per the title. I was struggling to get my survey to be responsive on mobile and thought I must have broken the CSS. So I hacked around for ages and eventually reverted back to the demos and samples on your website.
All of these work on your website and when presented in Plunker / CodePen etc and scaled on desktop perfectly. But when I copied the example code out and self-hosted none of them behaved properly on mobile. I spend more time looking at whether CloudFlare was breaking something etc etc etc.
The answer, of course, was the missing meta tag for viewport in index.html. A simple fix and one I should have spotted much earlier but I think it would make a lot of sense and save others wasted time to include the meta tag in all the samples and demos as none of them currently will natively work on mobile (which these days should be the primary target for 90% of us).
Thanks again.
Suggestion - include meta viewport tag in all your demos and samples
Show previous comments
(0)
Comments
(0)
Sign in to comment on this post
Answers approved by surveyjs Support
Hi Tim,
Thank you for your warm words. Including a meta tag for viewport responsiveness is a common practice in web development, especially for creating mobile-friendly or responsive web pages. So, please ensure that the viewport
meta tag is included in the HTML <head>
section. This tag tells the browser to set the viewport width to the device width, which is necessary for media queries used within SurveyJS to work correctly.
I noted down your inquiry and forwarded it to our developers for further consideration: https://github.com/surveyjs/survey-library/issues/7906.
Thanks