Input type text field is not working

Support
1

Hi

When deploy on Netlify, type=“text” is removed in field.
Actually, only type=“text” is removed.

This is my local.

This is Netlify once pushed.

Hope you let me know how to fix.

Thank you
Alex

2

Would you be able to provide the source code to debug this?

3

Hi @hrishikesh
Thanks for your replay.

This is the page source code.

import React from 'react';
import '../styles/components/applyNow.scss';

const ApplyNow = () => {

    return (
        <>
        <div className="apply-now-form">
        <div className="columns is-multiline is-marginless is-mobile">
            <div className="column is-6-desktop is-6-tablet is-12-mobile">
                <input type="text" name="fname" placeholder="First Name*" required/>
            </div>
            <div className="column is-6-desktop is-6-tablet is-12-mobile">
                <input type="text" name="lname" placeholder="Last Name*" required/>
            </div>
            <div className="column is-6-desktop is-6-tablet is-12-mobile">
                <input type="text" name="companyName" placeholder="Company Name*" required/>
            </div>
            <div className="column is-6-desktop is-6-tablet is-12-mobile">
                <input type="email" name="email" placeholder="Email*" required/>
            </div>
            <div className="column is-6-desktop is-6-tablet is-12-mobile">
                <input type="tel" name="phoneNumber" placeholder="Phone Number*" required/>
            </div>
            <div className="column is-6-desktop is-6-tablet is-12-mobile">
                <input type="text" name="country" placeholder="Country" required/>
            </div>
            <div className="column is-12-desktop is-12-tablet is-12-mobile">
                <textarea placeholder="How can we help you?"></textarea>
            </div>
        </div>
        <div className="has-text-centered">
            <p className="has-text-centered mb-5">
            We will never sell or share your informations. Read more in our <a href="#" className="link-blue">Privacy Policy.</a>
            </p>
            <input type="submit" value="START SELLING MORE" className="btn btn-blue" />
        </div>
        </div>
        </>
    );
};

export default ApplyNow;

Thank you

4

I’m sorry, I should have been clearer. I meant something like a repo. Not just the file.

5

I found the issue and fixed.

Thank you

6

I got the same issue, but it was due to minifying on nuxt side (not netlify)
I added that in my nuxt config :

generate: {
minify: {
removeRedundantAttributes: false,
},
},