LS 3.0 in IE11, for an Array type question with 6 answers that appear across the page, when the screen is resized to a point where the answers start to stack, the radio button disappears. In Chrome the radio buttons appear as expected.

See attachments for example.

Link: ls.dev.myontarioicu.net/index.php?r=surv...x&sid=716188&lang=en

Please update to the latest version and test with a core theme.

Actual LS version using is 3.12.3, I tried creating a new survey with 1 Array type question using the Vanilla core theme and the same thing happens in IE11. Ok in Chrome.

Thanks.

Please file a bug report.

And maybe test in demo.limesurvey.org/index.php?r=admin/authentication/sa/login

I tested in 3.15.1.

Works in FF, Chrome, Safari, Edge.

Broken in IE11.

I've created a bug report for this.
bugs.limesurvey.org/view.php?id=14187

Thanks, for your clarification.

Has there been a solution identified for this. I have recently run into the same issue.

Has there been a resolution to the CSS on this? Seems like a simple fix for limesurvey to force the button to display on IE11 with small screen size.

If you check the bugticket status, you see that the issue was assigned on 29. Oct. 2018 and no fix has been committed by a developer so far.

Thanks for responding


I did look at the bug ticket and saw no resolution - but I've not been impressed with documentation nor resolution activity.

This issue is simple fix in the css if they would just look at the template-core.css line 43 and see that there is an opacity issue conflicting with awesome-bootstrap-checkbox.

I know that this forum is mostly CE Members - but was hoping that someone had fixed this themselves. Seems strange to me that no one who uses Lime Survey has responses coming in from IE. To have an entire browser unavailable is a little weird.

I don't mind coding my own fixes, but I did purchase a hosted package and would expect some documentation on major compatibility issues like this.

I don't mind coding my own fixes, but I did purchase a hosted package and would expect some documentation on major compatibility issues like this.

While I personally think IE must die, I totally agree that we can not ignore IE just yet on the front end. In the administration I don't care if IE is still suported, but for survey takers it is a totally different thing.


As you have purchased a hosted package, you also have the power to complain directly with Limesurvey GmbH. More than the open source users. So best is to open a support ticket, ideally mentioning the bug.

I also do not agree that this is a "minor" bug. OK, it only happens when resizing and in general most people do not resize their browser while taking a survey, but if they do, it is a show stopper, when I understand the problem correctly.

Actually I just had a fix (haven't tested it yet - will post here if it works) sent to me that I can add to my css. They said it will be added to the updates the next time those are done. Crossing my fingers.

Thanks for the encouragement. Maybe I'll be an open source user in the future. Just have a project I'm doing that needed to speed up the learning curve.

This is the custom css that can be added (be sure to change the extends_fruity with your theme extension name)

5pts for LimeSurvey support - Markus Flur - great job!

@media screen and (max-width: 760px) {
.dir-ltr .extends_bpa_extends_fruity table.ls-answers .radio-item .ls-label-xs-visibility,.dir-ltr .extends_bpa_extends_fruity table.ls-answers .checkbox-item .ls-label-xs-visibility{margin-left:0px;}
.dir-rtl .extends_bpa_extends_fruity table.ls-answers .radio-item .ls-label-xs-visibility,.dir-rtl .extends_bpa_extends_fruity table.ls-answers .checkbox-item .ls-label-xs-visibility{margin-right:0px;}
.dir-ltr .extends_bpa_extends_fruity table.ls-answers .radio-item label.ls-label-xs-visibility::before,.dir-ltr .extends_bpa_extends_fruity table.ls-answers .checkbox-item label.ls-label-xs-visibility::before {margin-left:0px;}
.dir-rtl .extends_bpa_extends_fruity table.ls-answers .radio-item label.ls-label-xs-visibility::before,.dir-rtl .extends_bpa_extends_fruity table.ls-answers .checkbox-item label.ls-label-xs-visibility::before {margin-right:0px;}
.dir-ltr .extends_bpa_extends_fruity table.ls-answers .radio-item label.ls-label-xs-visibility::after,.dir-ltr .extends_bpa_extends_fruity table.ls-answers .checkbox-item label.ls-label-xs-visibility::after {margin-left:0px;}
.dir-rtl .extends_bpa_extends_fruity table.ls-answers .radio-item label.ls-label-xs-visibility::after,.dir-rtl .extends_bpa_extends_fruity table.ls-answers .checkbox-item label.ls-label-xs-visibility::after {margin-right:0px;}
}