Same input id if multiple partial view are on same view

[AndreaLovoXTR]

I have a problem with input id duplicates.

In my case, I need two partial views containing a form each. These partials are then inserted inside another view.

<div class="col-lg-9 pt-4 pb-2 pb-sm-4">
    <h1 class="h2 mb-4">@HtmlLocalizer["Settings"]</h1>

    <partial name="_ProfileForm" model="@Model.Profile" />

    <partial name="../Password/_UpdatePasswordForm" model="@Model.UpdatePassword" />

</div>

I use the ReCaptcha tag helper in both forms.

However, if I go to inspect the source code from the browser, two hidden inputs are generated with the same id (g-recaptcha-response-1)

Of these two, only the first field is assigned the token.

Is it possible to fix this issue? Or maybe is it possible to pass a custom id to recaptcha tag?

I'm using AspNetCore.ReCaptcha V1.8.2 with .net 8

Thanks a lot

[kristoflagae]

I'm having the same issue here.
Would be nice, if this could be handled

[kristoflagae]

Changing the ReCaptchaGenerator as follows should fix it:

private const string ViewDataKey = "__ReCaptchaGeneratedId";
private const string TempDataKey = "__ReCaptchaGlobalId";

public static int GenerateId(ViewContext viewContext)
{
    // First check if the current view already has an ID
    var id = 0;
    if (viewContext.ViewData.TryGetValue(ViewDataKey, out var value) && value is int _id)
        id = _id;
    else
    {
        // If not, check the TempData for a global counter across views
        if (viewContext.TempData.TryGetValue(TempDataKey, out var tempValue) && tempValue is int tempId)
            id = tempId;
        
        // Increment for next use and store in both places
        id++;
        viewContext.ViewData[ViewDataKey] = id;
        viewContext.TempData[TempDataKey] = id;
        // Keep the value in TempData for the next request
        viewContext.TempData.Keep(TempDataKey);
    }

    return id;
}