Podlove Webplayer: Iframe-Höhe passt sich verzögert an Viewport Resize an
mgschoen opened this issue · 4 comments
Ausgangssituation
Podlove Webplayer via window.podloveWebplayer in einer responsiven Seite eingebunden.
Beschreibung
Bei Änderung der Viewport-Breite, die zum Umspringen auf einen anderen Breakpoint im Player-Layout führt, passt sich die Höhe des einbindenden iframe nicht an die neue Player-Darstellung an. Erst wenn eine weitere Interaktion stattfindet, wird auch die Höhe korrekt angepasst. Beispiel für fehlerhafte Darstellung:
Die Änderung der Viewport-Breite kann z.B. durch den Wechsel Porträt/Landscape auf Mobilgeräten erfolgen, aber auch durch größer/kleiner Ziehen des Desktop-Browsers.
Beobachtete Interaktionen, die die Höhenanpassung anschießend triggern:
- ein weiteres Resize
- Klick oder Touch Interaktion mit dem Player
- Scrollen der Parent-Seite
Der Fehler tritt nicht auf während ein Audio wiedergegeben wird.
Reproduktion
Zum Beispiel hier: https://podlove-webplayer-resize.surge.sh/
Beobachtet auf folgenden Geräten:
- iPhone Safari mit iOS 15
- Chrome 97
- Firefox 91
Ich habs versucht nachzustellen aber so richtig konnte ich es nicht reproduzieren. Vermutlich ist das ein Bug im iframeResizer. Ich kann gerne den upgraden und schauen ob es das Problem behebt.
Moin @alexander-heimbuch , danke für die schnelle Antwort. Ich habe es hier noch mal beispielhaft im Video nachgestellt, damit es leichter nachvollziehbar ist:
Bildschirmaufnahme.2022-01-19.um.10.19.24.mov
Probiere das gerne mal aus, ich kann damit dann auch gerne noch mal testen. Danke und Grüße!
Good news @alexander-heimbuch, vielen Dank! Gib gerne Bescheid, wenn ich testen soll, ansonsten freue ich mich auf die nächste Version 🎉