Vermeiden Sie wählen Inhalt innerhalb des übergeordneten Scroll-Lage,

Question

ich react-select mit Grommet und haben die select in einer Durchführungstülle Formfield-Komponente wie folgt bin Kombination:

<FormField label="Country"> 
    <Select options={options}/> 
</FormField> 

Auf kleineren Bildschirmen, es funktioniert gut:

aber auf größeren Bildschirmen die Auswahl Inhalt ist Scroll-Lage innerhalb der übergeordneten (Formfield) Behälter:

Wenn ich position: absolute ausgeschaltet wechseln, dann werden die ausgewählten Content-Displays außerhalb des Behälters, aber die ganze Form passt die Größe:

Irgendwelche Ideen auf, was sonst noch zu überprüfen oder versuchen?

Answer 1

Ich hatte das gleiche Problem. Was für mich behoben wurde, war die folgende Einstellung für die Grommet UX FormField-Komponente.

overflow: inherit !important;