PrimeNg OverlayPanel wird mit und ohne Scrollen für denselben Inhalt angezeigt ⇐ HTML

[Anonymous]

Ich verwende das PrimeNG OverlayPanel, um Popups in meiner Angular-App anzuzeigen.
Mir ist aufgefallen, dass für denselben Inhalt manchmal eine Bildlaufleiste angezeigt wird und manchmal nicht.
Wie Sie in den Screenshots sehen können, hat das erste eine Bildlaufleiste und das zweite nicht.
Das Popup wird durch Klicken auf einen Pfeil in der Tabellenspaltenüberschrift auf der Hauptseite geöffnet.
Der einzige Unterschied, der mir aufgefallen ist, ist, dass die Die Bildlaufleiste wird angezeigt, wenn sich der anklickbare Pfeil näher am unteren Rand der Seite befindet.



Das Folgende ist mein Code.
HTML-Vorlagen:

Code: Select all

Target
Details
Resource





{{ row.target }}
{{ row.details }}







{{ row.operator }}

panelStyle:

Code: Select all

minWidth: '300px',
maxWidth: '55vw',
maxHeight: '80vh',
overflow: 'auto',
border: '1px solid #565555ff',
borderRadius: '2px',
padding: '7px'

In der Hilfsfunktion:

Code: Select all

panel.show(event,arrowRef);

Wie konnte das passieren? Vielleicht liegt ein Fehler in PrimeNg vor oder stimmt etwas mit meinem Code nicht?