[Embed] Validation inconsistency for URL field

[steph150]

Bug Report

Current Behavior The URL field (under the URL radio button type) gives a validation error when user has not yet clicked into the URL field. User has only clicked on another radio button option before clicking back on URL radio button option.

Steps to replicate:

1. Drag and Drop an embed component.
2. Click on "Embeddable" radio button.
3. Click on "URL" radio button. Please note at this point of time user is yet to click on URL field and has only clicked on URL radio button but mandatory validation kicks in and user sees "Please enter a valid URL".

Now if we compare the same behaviour with HTML:

• If you click on "HTML" radio button, even though HTML field is mandatory, user doesn't get validation error. Again, please note at this point of time user has only clicked on HTML radio button and not clicked on the field.

Expected behavior/code

The URL field should behaviour similar to HTML field, where no validation error is shown if user has not clicked into the URL field.

Environment

• AEM version: 2023.12.14697.20231215T125030Z
• Core Components version: 2.23.4
• Embed version: v2