El cuadro desplegable flota cuando la página del componente de selección de diseño de hormiga se desliza hacia abajo / el cuadro desplegable no está sincronizado

El problema es este

这是问题代码
<Select>
    <Option>1</Option>
    <Option>2</Option>
</Select>

Este es el problema encontrado, es decir, el cuadro desplegable y la página no están sincronizados

La solución se agrega en select

getPopupContainer = {triggerNode => triggerNode.parentNode}

<Select getPopupContainer={triggerNode => triggerNode.parentNode}>
    <Option>1</Option>
    <Option>2</Option>
</Select>

No hay problema

El selector de fecha en el diseño de hormigas también tiene este problema

Código original

const { RangePicker } = DatePicker;
<RangePicker  />

Oh ya veo

Resuelve el código getCalendarContainer = {triggerNode => triggerNode.parentNode}

<RangePicker getCalendarContainer={triggerNode => triggerNode.parentNode} />

Está bien

Supongo que te gusta

Origin blog.csdn.net/weixin_44953227/article/details/101522615
Recomendado
Clasificación