Unexpected behaviour.

[The-Real-Thisas]

For some reason it insists on removing type="text" on inputs.

Now while I understand why it may do this as if your not specifying it as anything specific the generic fallback is text, but in my case it leads to this pretty annoying css bug for my contact page.

---

With Compress Active:

    <div class="col-12">
        <label class="js-input-group">Name <input data-required="" name="name" placeholder="Fill in your name" /> <span class="form__error"></span></label>
    </div>
    <div class="col-12">
        <label class="js-input-group">Email <input data-required="" name="email" placeholder="Fill in your email" /> <span class="form__error"></span></label>
    </div>

Without Compress:

    <div class="col-12">
        <label class="js-input-group">
            Name
            <input type="text" name="name" data-required="" placeholder="Fill in your name" />
            <span class="form__error"></span>
        </label>
    </div>

    <div class="col-12">
        <label class="js-input-group">
            Email
            <input type="text" name="email" data-required="" placeholder="Fill in your email" />
            <span class="form__error"></span>
        </label>
    </div>

---

I'm not really sure why it does this as I don't really see it doing much to reduce size.

Would it be possible to make this opt-out or opt-in in the config ?

[NikolaRHristov]

You can try to remove removeRedundantAttributes from the settings in astro-compress:

astro.config.ts

import type { AstroUserConfig } from "astro";
import compress from "astro-compress";

export default (): AstroUserConfig => {
	return {
		integrations: [
			compress({
				html: {
					removeRedundantAttributes: false
				},
			}),
		],
	};
};

This is because the default value for a type attribute on an input element is text and is redundant.

[The-Real-Thisas]

Ahhh right, this helped fix that issue.

[The-Real-Thisas]

Thank you @NikolaRHristov

[NikolaRHristov]

np