When long picklist values are used in Data Capture Forms, when viewing the landing page on mobile, line returns do not apply to picklist values that are too long to display entirely on the screen. The values get truncated instead of wrapping.
Note that long labels do show correctly though.
Image/data in this KBA is from SAP internal systems, sample data, or demo systems. Any resemblance to real data is purely coincidental.
- SAP SuccessFactors Recruiting Marketing
- Candidate Relationship Management
Reproducing the Issue
Open landing page created with Data Capture Form fields which use long picklist values on mobile.
Field values in drop down menu are too long to fit on the screen and get truncated.
Standard behaviour for picklist scroll wheels on mobile devices
This is not an issue with RMK or CSB but an issue with webapps in general.
A workaround for this could be to add an empty optgroup to the end of the select block as per https://stackoverflow.com/questions/19398154/how-to-fix-truncated-text-on-select-element-on-ios7
Adding this hack causes the text of the options in the scroll wheel to be smaller and seems to add a big empty selectable gap to the end of the options list.
Because making this change globally would impact all clients and affect the text and look of existing picklists, we cannot make a system-wide change to wrap the text for picklist values on mobile devices.
Customers have the following options:
- Adjust the picklist options to shorten text
- Modify the landing pages to use different versions of the DCF with the mobile version leaving off questions with longer text that don't present well on mobile
DCF, CRM , KBA , LOD-SF-RMK-CRM , Data Capture Form, Email Layout, Email Campaign , Problem