CapacitorJS安卓端input file选CSV时下载/文档目录文件置灰问题

问题表现 #

在安卓端同时使用原生input type="file"和@robingenz/capacitor-file-picker插件实现文件选择时，两种方案出现完全一致的异常：

• 点击触发按钮后可正常跳转至系统最近文件列表页
• 通过侧边栏切换到「下载」或「文档」分类时，目录内所有文件均为置灰状态，无法选中
• 切换到图库分类时可正常选中图片，音频分类下也可正常选中音频文件，能拿到正确的返回结果

问题截图：

功能需求 #

仅允许用户选择单个CSV文件并读取对应文件数据，拦截其他类型文件的选择。

现有实现代码 #

<template>
    <input type="file" accept=".csv" @change="handleFileUpload($event)" />
    <button fill class="my-3" @click="pickFile">Upload File</button>
</template>
<script setup>
import { FilePicker } from "@robingenz/capacitor-file-picker";
import { ref } from "vue";

const file = ref('');
const content = ref({});
    
const handleFileUpload = (event) => {
    file.value = event.target.files[0];
    console.log(file.value);
};

const pickFile = async () => {
    const result = await FilePicker.pickFiles({
        types: ["text/csv"],
    });
    if (result) {
        content.value = result.files[0];
        console.log(content.value);
    }
};
</script>

已完成排查 #

• 多设备兼容性测试结果：
  • 小米11T（MIUI v13.0.3，Android v12）：问题复现
  • 一加5T（PixelExperience，Android v12）：问题复现
  • Android Studio模拟器Pixel XL（Android v11）：问题复现
  • Windows端Chrome浏览器：功能运行完全正常
• 权限配置：已在AndroidManifest.xml中声明android.permission.READ_EXTERNAL_STORAGE和android.permission.WRITE_EXTERNAL_STORAGE权限
• 关联功能验证：基于Capacitor Filesystem插件实现的CSV文件下载功能运行正常，无权限类问题

求助内容 #

该问题是什么原因导致的？需要如何修复？

内容的提问来源于stack exchange，提问作者Key