1446002 - When the text message is long the "Learn more" and "Engagement button" buttons are not displayed

Status: NEW

(Firefox :: Normandy Client, defect)

Description

[ovidiu boca[:Ovidiu]]

Attachment: Very long message - Normandy.png

[Affected versions]: 
Firefox Beta 60.0b3

[Affected platforms]:
All platforms: Ubuntu 16.04 x64, Windows 7 x64, Mac OS X 10.12

[Prerequisites]:
You need access to New Admin interface (https://normandy-admin.stage.mozaws.net/control-new)
1. Set the app.normandy.dev_mode preference to true to run recipes immediately on startup.
2. Set the app.normandy.logging.level preference to 0 to enable more logging.
3. Set the security.content.signature.root_hash preference to DB:74:CE:58:E4:F9:D0:9E:E0:42:36:BE:6C:C5:C4:F6:6A:E7:74:7D:C0:21:42:7A:03:BC:2F:57:0C:8B:9B:90.
4. Set the preference value for app.normandy.api_url set to https://normandy.stage.mozaws.net/api/v1

[Steps to reproduce]:
1. Open Admin Interface.
2. In the Control Interface, click on New Recipe.
3. In the Name field, set a recipe name.
4. In the Filter Expression set a filter expression (e.g. 1==1).
5. From the action DropDown, select type "show-heartbeat"
6. Type a survey Id in the survey ID textbox.
7. In the Message field, type in a very long custom message (200+ chars).
8. In the Engagement button label, introduce a label if your heartbeat has a button or leave empty for no button to be displayed.
9. Set "about:plugins" as a Post Answer URL.
10. Input a message into the Learn More Message field.
11. Input "about:support" into the learn More URL.
12. From the dropDown selector, select Show this prompt to users once.
13. Click On "Save" button
14. Open FF with the Shield addon installed and having the pre-requisites set and open the browser console.

[Expected result]:
"Learn more" and "Engagement button" buttons should be displayed. 

[Actual result]:
"Learn more" and "Engagement button" buttons are not displayed.

[Note]:

See the attached file.
Please see also bug 1445938.