[bug]: Empty text field converts to <br />

[monolithed]

What version of @strapi/blocks-react-renderer are you using?

lst

What's Wrong?

When the field content is empty, Strapi returns an empty string; however, blocks-react-renderer converts it into a <br>, which breaks the layout.

To Reproduce

I see that this was done intentionally, but I don't understand why.

blocks-react-renderer/src/Block.tsx

Line 68 in 032e256

// Handle empty paragraphs separately as they should render a <br> tag

[
    {
        "type": "paragraph",
        "children": [
            {
                "text": "",
                "bold": false
            }
        ]
    }
]

Expected Behaviour

No br added

There's a similar discussion https://forum.strapi.io/t/richtext-field-returns-br-tag-when-cleared/39507

[mad-zephyr]

Any updates?

[monolithed]

Here's a workaround:

const trimBlocksRendererChild = (input: BlocksContent): BlocksContent => {
    return input.filter(({children}) => {
        return children.some((child) => {
            const {text} = child as TextInlineNode;

            return text?.trim() !== '';
        });
    });
};

+ const content = trimBlocksRendererChild(children);

+ <BlocksRenderer content={content} ...

[ncdai]

@monolithed I think it would be great to allow customizing the rendering of breaklines <br /> just like blocks and modifiers.

[edu-amr]

Damn it, this has been open for a year and it still hasn't been fixed.

[mickaeltr]

Maybe that fixes it → strapi/strapi#24990