Drupal 8 Modal Dialog mit Field Group Tabs (Details)
Kürzlich stand ich vor folgendem Problem:
In Drupal 8 wurde ein Entity Browser als Modal verwendet. Im Entity Browser wurden die Entities bei der Bearbeitung in einem Form View Mode dargestellt bei dem auch Field Groups (Typ Tab) zum Einsatz kamen um Felder zu gruppieren. Die Tabs waren per Default eingeklappt. Wenn man nun einen Tab ausgeklappt hat, rutschte der Speichern-Button unter Umständen außerhalb des Browser-Viewports und war nur noch erreichbar wenn man den Tab wieder einklappte. Dieses Verhalten liegt daran, dass die CSS-Größenwerte (max-height) beim Öffnen des Modals basierend auf dem sichtbaren Inhalte kalkuliert werden. Wenn ein Tab ausgeklappt wird verändert sich die Größe des sichtbaren Inhalts und dann müsste die Kalkulation eigentlich aktualisiert werden. Das ist allerdings nicht der Fall.
Als Lösung stoße ich das Resizing über ein kleines Javascript beim Togglen der Tabs neu an