[Webkit-unassigned] [Bug 275612] New: Hidden datetime input with valid value raises: An invalid form control with name= is not focusable.

[bugzilla-daemon at webkit.org]

https://bugs.webkit.org/show_bug.cgi?id=275612

            Bug ID: 275612
           Summary: Hidden datetime input with valid value raises: An
                    invalid form control with name= is not focusable.
           Product: WebKit
           Version: Safari 17
          Hardware: Unspecified
                OS: macOS 14
            Status: NEW
          Severity: Major
          Priority: P2
         Component: Forms
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: collimarco91 at gmail.com
                CC: cdumez at apple.com, wenson_hsieh at apple.com

Add the following input to a form:

<input min="2024-06-18T15:50:00" max="2024-06-23T15:50:00" pattern="[0-9]{4}-[0-9]{2}-[0-9]{2}T[0-9]{2}:[0-9]{2}" data-value="2024-06-18T15:50" type="datetime-local" name="notification[send_at]" id="notification_send_at">

Then wrap it inside a <fieldset style="display: none;"> (not that the fieldset is not visible to the user).

When you try to submit the form by clicking the form submit button, the button doesn't work and you get this error in console:

> An invalid form control with name='notification[send_at]' is not focusable.

NOTE: the message is wrong, because the form control is in a valid state, as you can see in the code above.

If you prefer to reproduce this bug on a real website you can also try this:

1. Sign up for a free account on Pushpad (https://pushpad.xyz) and create a new project in the dashboard
2. Navigate to that project and click New notification
3. Click Add schedule
4. Click Remove schedule
5. Click Send

The Send button doesn’t work and you get this error in console... "An invalid form control with name='notification[send_at]' is not focusable."

Everything works fine in all other browsers including Chrome and Firefox. This seems like a major Safari bug because it prevents the form submission.

-- 
You are receiving this mail because:
You are the assignee for the bug.
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.webkit.org/pipermail/webkit-unassigned/attachments/20240618/881e3d38/attachment-0001.htm>