ant-design-vue modal问题

Question

代码：

<template>
    <div id="test">
        <div class="content">
            <span v-for="(item, index) in 1000" :key="index">内容</span>
        </div>

        <a-modal
            title="Title"
            width="50%"
            :visible="true"
            :mask="false"
            :centered="true"
            :bodyStyle="{'height': '50vh'}"
        >
            <p>modalText</p>
        </a-modal>
    </div>
</template>

效果：

如图，在把mask属性设置为false的情况下，

虽然没有了遮罩，但是modal外层仍然有一个宽高100%的容器，

导致无法选取弹窗后面的内容（比如选中文字），

请问该怎么处理可以做到能选取弹窗后面的内容？

Answer 1

你可以给 wrapClassName 传一个 class name 然后自己修改 wrap 的样式。