Ant-design: No hay alineación cuando se usa Datepicker Select al mismo tiempo

Select tiene vertical-align: middle , DatePicker debería haber olvidado agregar.

Déjame cambiar esto, Seleccionar no debe ser vertical-align: middle .

1. Seleccione eliminar vertical-align: middle y mantenga el valor predeterminado vertical-align: baseline consistente con Input, DatePicker, etc.

2. vertical-align: baseline está alineado de acuerdo con el texto tipográfico natural dentro de Seleccionar. Dado que el marcador de posición y el cuadro de búsqueda dentro de Seleccionar están absolutamente posicionados (no alineados), se usa un pequeño truco aquí, agregando un texto que siempre existe dentro de Seleccionar para alinear.

   .ant-select-selection--single .ant-select-selection__rendered::after {
    content: '.';
    visibility: hidden;
    pointer-events: none;
   }
   

3. .ant-select-selection__rendered de overflow: hidden afectará la alineación del texto, elimínelo.
4. Después de eliminarlo, el efecto de elipsis de desbordamiento del texto original se destruirá y se corregirá uno por uno.
5. Repara aún más el cuadro combinado dañado.

Hay muchos detalles de estilo involucrados ...

Además, el estilo small/large de selección múltiple es fijo.

Este hilo se ha bloqueado automáticamente porque no ha tenido actividad reciente. Abra un nuevo problema para errores relacionados y enlace a comentarios relevantes en este hilo.