View Issue Details
ID | Project | Category | View Status | Date Submitted | Last Update |
---|---|---|---|---|---|
18716 | Bug reports | Survey taking | public | 2023-04-05 13:54 | 2023-07-15 13:32 |
Reporter | twilllig | Assigned To | |||
Priority | none | Severity | minor | ||
Status | new | Resolution | open | ||
Product Version | 5.6.x | ||||
Summary | 18716: Font size in text inputs should be at least 16px for mobile phones | ||||
Description | If input fields have a fontsize below 16px, the whole page will be zoomed in on iOS Devices when the user focusses the field. See here: So all surveythemes should have an extra CSS rule for mobile devices regarding fontsizes in those fields | ||||
Steps To Reproduce | Steps to reproduceOpen survey with long text question on an IPhone. Expected resultPage doesn't change zoom. Actual resultPage got zoomed in. You have to manually zoom out to have the default view again. | ||||
Tags | No tags attached. | ||||
Bug heat | 12 | ||||
Complete LimeSurvey version number (& build) | 5.6.14 | ||||
I will donate to the project if issue is resolved | No | ||||
Browser | safari | ||||
Database type & version | mySql | ||||
Server OS (if known) | |||||
Webserver software & version (if known) | |||||
PHP Version | 8.0.25 | ||||
iOS have an issue then have a specific system for ios ? But i'm for don't set any font-size : leave it at 100% for 1 rem, like BS5 if i don't make error. |
|
Well, we discovered it today with LS5 which is obviously BS3 and this has 14px for .form-control class. But also the new LS6 admin_theme is designed with 14px in input fields so there needs something to be done. The whole topic is worthy for a discussion, If the whole thing is regarded as a bug, we should also fix it for LS5 |
|
I have a font-size of 1rem here : https://getbootstrap.com/docs/5.3/forms/form-control/ It's not the default theme in BS docs (or Vanilla didn't use default theme) ?
Great |
|
OK , added html{font-size:14px} somewhere in Vanilla. But we don't have vanilla generator, only LS team can fix it. (screenshot of https://getbootstrap.com/docs/5.3/forms/form-control/ against LimeSurvey/vanilla core theme |
|
We are facing the same issues. The survey turns out to be difficult to use e.g. on iPhones if the browser automatically zooms in on text fields. |
|
Date Modified | Username | Field | Change |
---|---|---|---|
2023-04-05 13:54 | twilllig | New Issue | |
2023-04-05 15:07 | DenisChenu | Note Added: 74384 | |
2023-04-05 15:07 | DenisChenu | Bug heat | 0 => 2 |
2023-04-05 15:23 | twilllig | Note Added: 74385 | |
2023-04-05 15:23 | twilllig | Bug heat | 2 => 4 |
2023-04-05 15:44 | DenisChenu | Note Added: 74387 | |
2023-04-05 15:44 | DenisChenu | Note Added: 74388 | |
2023-04-05 15:44 | DenisChenu | File Added: Capture d’écran du 2023-04-05 15-43-28.png | |
2023-04-05 16:10 | DenisChenu | Note Added: 74389 | |
2023-04-05 16:10 | DenisChenu | File Added: Capture d’écran du 2023-04-05 16-09-32.png | |
2023-04-05 16:10 | DenisChenu | File Added: Capture d’écran du 2023-04-05 16-09-49.png | |
2023-04-05 16:11 | DenisChenu | Note Edited: 74389 | |
2023-07-15 13:32 | Mazi | Note Added: 76099 | |
2023-07-15 13:32 | Mazi | Bug heat | 4 => 12 |