Automattic / Automattic/jetpack

Form Block: label formatting is not applied on the frontend

Open
#16,822 0 comments 0 reactions 0 assignees View on GitHub
[Feature] Forms [Pri] Normal [Size] S Bug
Dominant language
PHP
Stars
1.8k
Forks
898
Avg merge
1d 18h
Merged PRs (30d)
774

Description

#### Steps to reproduce the issue

On a site where the Contact Form feature is enabled...

1. Go to Posts > Add New
2. Add a form block.
3. Customize the label of one of the fields; change both the text and the text formatting, like so:

![Screen Recording 2020-08-13 at 11 37 AM](https://user-images.githubusercontent.com/426388/90119154-81ef6880-dd59-11ea-8c2b-600bb0f6defd.gif)

4. On the frontend, the text change apppears, but not the formatting change:

![image](https://user-images.githubusercontent.com/426388/90119309-ad725300-dd59-11ea-9ae4-5bffbdc44ea3.png)

I think it would be fine to remove those formatting options from the text area in the editor, since we do not really want to output HTML tags inside the `label` tag on the frontend.

Contributor guide

Open the contributing guide

Research direction

Start by tracing the Contact Form form block from the editor's label control to its frontend rendering. Reproduce the issue with formatted label text, then confirm the chosen resolution by checking that formatting is either rendered correctly on the frontend or no longer offered in the editor.

Written by the indexing model from the issue text.

Assessment

Tech stack
php, wordpress
Domain
frontend, web-dev
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.