Optional phone numbers using PhoneNumberInput?

[BuntlineAtSea]

I'm working on a membership database, in which members have the option whether or not to share their phone numbers with us. I'd like to use PhoneNumberInput here, as it looks nice and helps ensure we get valid phone numbers from members in various countries. However, it doesn't seem to be possible to use this widget for an optional field - as soon as someone clicks in the field, they can no longer submit the form unless a valid number is entered in it. This also means they can't remove an existing number, which is something we want to allow.

Here's my (lightly anonymised) form code:

    phoneNumber = fields.CharField(label="Phone Number", required=False,
        widget=PhoneNumberInput(attrs={"default-country-code": "GB"}),
        validators=[phone_number_validator],
        help_text="This is not required for general members, but for those attending $ORGANISATION_EVENT " \
                    "we would like to keep it on file in case of emergency. You can either fill it in when " \
                    "booking, or if you provide your number here we'll add it to your $ORGANISATION_EVENT " \
                    "ticket automatically."
    )

I've tried without the phone_number_validator, but that doesn't make any difference since I believe it only affects server-side validation and the problem is on the client.

I've also experimented with removing the pattern regex attr in PhoneNumberInput itself, which didn't seem to change anything. I can't actually find where the client-side validation happens at all.

Is there something I'm missing to allow empty phone numbers when required=False, or is the overzealous validation a bug?

[jrief]

This was a bug until version 2.2.1. It has been fixed in ccd6c36 and is available in version 2.2.2.

Please close this issue if it solves your problem.

[BuntlineAtSea]

Thanks!

I won’t be able to check it for a couple of days, but will reply here when I do.

[BuntlineAtSea]

I've installed version 2.2.2 by doing pip install -U, and it does indeed fix this issue. However, with no other changes, the phone number field has now lost its Bootstrap styling. All the other fields are styled as before. I've cleared the browser cache so it should be loading the latest CSS files.

This could be due to a problem with how I've deployed django-formset, but if so I don't know what that problem would be. As far as I'm aware, everything is being loaded (by runserver in development) from where django-formset is installed under site-packages, and that should have been replaced with the 2.2.2 version.

Any ideas?

[jrief]

This unfortunately is a regression when used in combination with Django-6.0. There the underlying widget is <input type="tel" …> instead of <input type="text" …>.
It is already fixed and will be available in version 2.2.3.

[BuntlineAtSea]

Ok - I'm using Django 5.2.8 currently, so I guess it's the same there?

django-formset seems to move impressively fast, so I expect 2.2.3 will be available by the time I need to ship 👍

[jrief]

Version 2.2.3 has been released a few minutes ago. Please retry.

[BuntlineAtSea]

Confirmed fixed in 2.2.3 - thanks.