Shopfront: Force product description to be on one line

[jibees]

What? Why?

• Closes Shopfront: product description is too long #10537

What should we test?

• As an admin, edit a product description with formatting and line breaks
• As a shopper, see that product description in the shop has formatting + is only on one line
  (This should be tested in both Safari and another major browser. And on mobile phones.)

Release notes

Changelog Category: User facing changes

The title of the pull request will be included in the release notes.

Dependencies

Documentation updates

[RachL]

Before :

after:

sooo I guess I copied some blank spaces. But thing is (as we don't allow the user to see the html source #trolling ) I have no way of removing it.

@jibees any clue on how to fix this? Here is the text I have used: https://www.loremipzum.com/fr/g%C3%A9n%C3%A9rateur-de-texte

Moving back in dev for now.

[jibees]

Yeap, you're right, that's because, during the copy/paste they're some extra and empty <p /> that have been included.
I cannot reproduce using you're website (pretty good actually, as you can HTML formatting and links...), but I think I know enough to fix this.

[dacook]

Nice fix!
I wonder if we could also remove other empty nodes, but that's not necessary because none of the other types result in new lines.

This should be tested in both Safari and another major browser. Also on an Apple phone if possible, or emulate it on a computer.

[RachL]

Before:

after:

Bold italic etc still work as well:

this looks good to me! thanks @jibees merging :)