Input file element visible in UI

[victormhg]

Environment

Package version: 3.1.0

Flutter doctor

[√] Flutter (Channel stable, 3.3.2, on Microsoft Windows [Versi¢n 10.0.22621.521], locale ca-ES)
    • Flutter version 3.3.2 on channel stable at C:\flutter
    • Upstream repository https://github.com/flutter/flutter.git
    • Framework revision e3c29ec00c (3 weeks ago), 2022-09-14 08:46:55 -0500
    • Engine revision a4ff2c53d8
    • Dart version 2.18.1
    • DevTools version 2.15.0

Checking Android licenses is taking an unexpectedly long time...[√] Android toolchain - develop for Android devices (Android SDK version 32.1.0-rc1)
    • Android SDK at C:\Users\victo\AppData\Local\Android\sdk
    • Platform android-32, build-tools 32.1.0-rc1
    • Java binary at: C:\Program Files\Android\Android Studio\jre\bin\java
    • Java version OpenJDK Runtime Environment (build 11.0.11+9-b60-7590822)
    • All Android licenses accepted.

[√] Chrome - develop for the web
    • Chrome at C:\Program Files\Google\Chrome\Application\chrome.exe

[√] Visual Studio - develop for Windows (Visual Studio Community 2022 17.1.2)
    • Visual Studio at C:\Program Files\Microsoft Visual Studio\2022\Community
    • Visual Studio Community 2022 version 17.1.32319.34
    • Windows 10 SDK version 10.0.19041.0

[√] Android Studio (version 2021.1)
    • Android Studio at C:\Program Files\Android\Android Studio
    • Flutter plugin can be installed from:
       https://plugins.jetbrains.com/plugin/9212-flutter
    • Dart plugin can be installed from:
       https://plugins.jetbrains.com/plugin/6351-dart
    • Java version OpenJDK Runtime Environment (build 11.0.11+9-b60-7590822)

[√] VS Code (version 1.71.2)
    • VS Code at C:\Users\victo\AppData\Local\Programs\Microsoft VS Code
    • Flutter extension version 3.21.0

[√] Connected device (3 available)
    • Windows (desktop) • windows • windows-x64    • Microsoft Windows [Versi¢n 10.0.22621.521]
    • Chrome (web)      • chrome  • web-javascript • Google Chrome 105.0.5195.127
    • Edge (web)        • edge    • web-javascript • Microsoft Edge 102.0.1245.33

[√] HTTP Host Availability
    • All required HTTP hosts are available

• No issues found!

Code sample

    return Container(
      padding: const EdgeInsets.all(8.0),
      height: height,
      width: width,
      child: FormBuilderImagePicker(
        key: const Key('donorForm_photo'),
        name: 'photo',
        initialValue: [photo],
        maxImages: 1,
        fit: BoxFit.cover,
        previewAutoSizeWidth: true,
        previewHeight: height,
        validator: FormBuilderValidators.required(),
        decoration: CustomInputs.formInputDecoration(
          label: AppLocalizations.of(context)!.photo,
        ),
      ),
    );

Description

When using the plugin, the input file element is not hidden.

Current behavior:

The HTML code is:

	<flt-image-picker-inputs id="__image_picker_web-file-input">
		<input type="file" accept="image/*" multiple="">
	</flt-image-picker-inputs>

and, in my case, the result is:

Expected behavior:

If the HTML code is changed adding hidden:

	<flt-image-picker-inputs id="__image_picker_web-file-input" hidden>
		<input type="file" accept="image/*" multiple="">
	</flt-image-picker-inputs>

then the result would be: