【报Bug】uniapp内置Input组件在自定义弹窗中不能输入问题

示例代码：

页面代码

<template>  
    <view class="wrap">  
        <button @click="onClick">按钮</button>  
        <input type="text" placeholder="请输入" />  

        <actionsheet v-model="showSheet"></actionsheet>  
    </view>  
</template>  

<script setup>  
import { ref } from 'vue';  

const showSheet = ref(false);  
const onClick = () => {  
    showSheet.value = true;  
};  
</script>  

<style lang="scss" scoped>  
.wrap {  
    padding-top: 200rpx;  
}  
</style>  

自定义弹窗代码

<template>  
    <view :class="classes.root" v-if="modelValue">  
        <view :class="classes.wrap">  
            <input :class="classes.input" type="text" placeholder="请输入" />  
        </view>  
    </view>  
</template>  

<script setup>  
import { createNamespace } from '@/utils';  

const { bem } = createNamespace('actionsheet');  
const classes = reactive({  
    root: computed(() => [bem()]),  
    wrap: computed(() => [bem('wrap', { bottom: type.value === 'bottom', center: type.value === 'center' })]),  
    input: computed(() => [bem('input')])  
});  

const props = defineProps({  
    modelValue: Boolean,  
    type: {  
        type: String,  
        default: 'bottom'  
    }  
});  
const { modelValue, type } = toRefs(props);  

const emits = defineEmits(['update:modelValue']);  

watch(modelValue, (newVal, oldVal) => {});  
</script>  

<style lang="scss" scoped>  
.mini-actionsheet {  
    position: fixed;  
    inset: 0;  
    background-color: rgba(0, 0, 0, 0.6);  
    &__wrap {  
        background-color: #fff;  
        height: 400rpx;  
        &--bottom {  
            position: absolute;  
            left: 0;  
            right: 0;  
            bottom: 0;  
        }  
    }  
    &__input {  
        border: 1px solid red;  
        z-index: 999;  
    }  
}  
</style>  

操作步骤：

页面按钮下方输入框正常输入，点击按钮，触发弹层，在弹层中的输入框进行输入

预期结果：

弹层输入框能正常输入

实际结果：

弹层输入框能不能正常输入