In Cards, links in Content Body breaks to new lines

Created on 2 August 2022, over 2 years ago
Updated 27 June 2024, 6 months ago

Problem/Motivation

If you are using Cards and you add a link within a block of text, the link will break to a new line.

Even though I don't think one would be adding a link within the Content Body when the entire card is linked but if you linked the entire card, then adding a link within a block of text or anywhere in the Content Body will not only break the linked text to a new line but will also break the entire layout if you are using Image On The Left layout.

Steps to reproduce

Add a card and in the Content Body add a link within a block of text.

To test the layout issue, add a card and in the Content Body add a link within a block of text, choose Layout Image On The Left, and then add a link to the entire card paragraph using the Link field.

Proposed resolution

I made a CSS fix in the attached patch for issue of link within the block of text. Don't know if this affects any other paragraph types, I didn't test other paragraph types.

The patch does not solve the issue of Image On The Left layout breaking when there is a link in the Content Body and the entire Card is also linked.

Remaining tasks

See if my patch is acceptable and then fix the Image On The Left issue, if considered critical.

πŸ“Œ Task
Status

Fixed

Version

1.0

Component

Code

Created by

πŸ‡³πŸ‡¬Nigeria chike Nigeria

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Comments & Activities

Not all content is available!

It's likely this issue predates Contrib.social: some issue and comment data are missing.

Production build 0.71.5 2024