Jetpack: Form Block: Issue editing form field labels in Safari

[lakellie]

I was able to replicate this on a self-hosted site, and a WordPress.com site.
Using Safari Version 12.0 (14606.1.36.1.9)

Steps to reproduce the issue

1. Add the form block to a page or post
2. In the editor, click on one of the form field labels in order to edit it

What I expected

I expected the same behavior as other browsers like Chrome, where clicking the form field label results in a blinking cursor appearing to indicate you can backspace and/or type in the label area.

Screencast: http://cld.wthms.co/bg26y3

What happened instead

Clicking the form field label does not show a blinking cursor, but instead, acts like you are clicking on the form field itself. There is no visible indication that you can edit the form field label, and it is almost impossible to do so, unless you highlight the form field while holding down your mouse button, and press backspace while you are still holding down the mouse button.

Screencast: http://cld.wthms.co/pG3lQ9

User reported on WordPress.com in #9214165-hc

[arunsathiya]

A quick note that I was able to reproduce this as well with Safari.

On a free WordPress.com site with Gutenlypso (https://wordpress.com/block-editor/post) https://cloudup.com/cVlXK3QFf02 and a jurassic.ninja site - https://cloudup.com/cXP3xU4Onn8

[jeherve]

I can reproduce as well, and it seems limited to Safari. Moving this to the wp-calypso, where the block is being developed.