Long snippet name should be truncated instead of fully replaced by "..."

[ElizabethSamuel-MSFT]

Bug Report

• Host: OUTLOOK
• OS: Windows
• Browser: N/A
• Environment: alpha

Expected behavior:

Title should be truncated, if anything

Actual behavior:

Title disappears and is replaced with "..."

Steps to Reproduce:

1. Open a blank snippet
2. Change the snippet name to a long-ish title (I didn't check how many characters triggers the switch)

Failure Logs:

Screenshot:

[Zlatkovsky]

@nico-bellante , does it truly need designers, or does it just need work on your end (or Fabric's) to make the UI fit correctly?... Seems related to https://github.com/OfficeDev/script-lab/issues/318

[nico-bellante]

We need to know how many characters to truncate the title at

[Zlatkovsky]

Well, ideally we'd just truncate it at whatever we have space for.

If we can't know that, can we at least know the width of the control, and then calculate with javascript (width minus padding minus the widest letter, minus 1 or two characters for safety?)

If we can't do that, just pull out a number that looks good when the taskpane is at its default width. Presumably something like 30, though I'm just guessing.

You don't need designers for this.