Phone field not accepting input

Do you know how to use the inspect element feature of your browser? You can inspect the input element and then look to see what CSS is getting applied to it, and from where. Most likely it’s your theme or another plugin. I don’t put any CSS styling for form elements in my plugins… I leave that up to the theme.

If you’re not able to type in anything, it’s probably because something is setting that element to be disabled or readonly, which you can see by inspecting the element. My plugin does have a setting that will populate the user input fields (firstname, lastname, email, and phone) for users that are logged in, and will also allow you to set those to readonly, so those users can’t change their info… but, those are optional settings. If that’s only happening on the phone field, then something else (another plugin or theme) is causing that.

I did use the inspect element feature. As a non-coder, all I could do was compare the various input fields and although they weren’t identical, I saw no setting that indicated disabled or readonly. It looked just like the code for the first name except input type=”tel” instead of “text” I needed to get the sheet up, so I just removed the phone field.

<input type=”tel” class=”phone required” id=”signup_phone” name=”signup_phone” value=”” required=””>

If you are not seeing a “readonly” or “disabled” attribute inside the html, then it must be some CSS or javascript from another plugin (or possibly the theme), that is somehow preventing you from entering text into the phone field. I assure you that it’s nothing with my plugin, as there are over 2000 other active installs and nobody else has reported an issue like this (and it works just fine here as well on all my test sites — phone field has been there for many years now).

Without me being able to take a look to help you out, best you could do would be try to deactivate all other plugins and see if it works. If it’s still not working with all over plugins deactivated, then it’s probably something in the theme, and you would have to switch to another theme to test that to be sure. But, if it does work after deactivating all other plugins, you can start activating other plugins one at a time and testing again after each one (reload the web page while holding shift to force refresh any scripts and stylesheets loaded in the browser). If you notice it starts happening again after a plugin is activated, then you have found the plugin that is causing the issue and you can contact their developer to let them know their scripts or CSS is being loaded on all pages and screwing up some form fields.