Programmiererforum

.ant-select-selection-search-input {
width: 100% !important;
}

.ant-select-selection-search {
width: 100% !important;
}

.ant-select-selection-overflow-item {
width: 100% !important;
}

Ich habe mit Ant Design angefangen und Folgendes gefunden:
[code]
[/code]
[img]https://i.sstatic.net/0k0PchhC.png[/img]

Ich habe eine Lösung gefunden, indem ich diese Stile in der Datei global.css platziert habe:
[code].ant-select-selection-search-input {
width: 100% !important;
}

.ant-select-selection-search {
width: 100% !important;
}

.ant-select-selection-overflow-item {
width: 100% !important;
}
[/code]
und es löst dieses Problem, verursacht aber andere:
[img]https://i .sstatic.net/bZPy0OPU.png[/img]

Jetzt erstreckt sich die Suchleiste über die gesamte Breite des Containers, aber jetzt wird jedes Tag in einer separaten Zeile platziert, auch wenn es eine gibt Zimmer frei, und hinterließ immer eine leere Zeile am Ende.
Irgendwelche Hinweise, wie man das Problem lösen kann?