SAP Knowledge Base Article - Public

2881167 - Custom ghost text does not wrap on small screen sizes - Recruiting Marketing

Symptom

When using the Translations tool in CSB to populate long custom text (over 33 characters) as ghost text (text showing inside the field which disappears when the user starts populating it), the text gets cut off on smaller screen sizes.

Image/data in this KBA is from SAP internal systems, sample data, or demo systems. Any resemblance to real data is purely coincidental.

Environment

  • SAP SuccessFactors Recruiting Marketing 
  • Career Site Builder

Reproducing the Issue

  1. Open CSB configuration 
  2. Open Translations Tool
  3. Populate Long Custom text for example in the search box key : WidgetKeywordSearchLabel with for example: search by keyword with long custom text added to it

custom_label_search_box.png

  1. Under Global Settings Search, Set Show Search Labels to off > this means ghost text will be used
  2. On Mobile, the ghost text is cut off

ghost_text_cut_off.png

Cause

Ghost text does not wrap. This is the expected behaviour and will not be changed. Making the ghost text wrap would not be considered a roadmap friendly item due to best web practices. Ghost text is meant to be short.

Resolution

If the field in question requires a long text, then the label should be used instead of ghost text as the field label will wrap on smaller screen sizes.

  1. Under Global Settings Search, Set Show Search Labels to on> this means the label will be used instead of ghost text
  2. The label will wrap if too long to fit the page

custom_text_label_wraps.png

Keywords

KBA , LOD-SF-RMK-CSB , Career Site Builder , Problem

Product

SAP SuccessFactors Recruiting all versions