Dialog Thema erstellen

Ich kann das Problem weder mit Chrome, Firefox oder Safari reproduzieren. Unter welchen Umständen tritt das Problem auf?

Okay, das ist seltsam. Ich habe es jetzt mehrfach versucht und es passte alles. Dann habe ich die Entwickler-Werkzeuge aufgemacht, um einige Inhalte zwecks eines Videos zu entfernen und jetzt tritt es auch bei mir in Safari auf.

Das tritt reproduzierbar auf, sobald die Entwickler-Werkzeuge einmalig geöffnet wurden. Dabei ist es egal, ob ich die Seite mit geschlossenen Entwickler-Werkzeugen erneut laden lassen, es tritt weiter auf. Öffne ich die Seite aber in einem neuen Tab und rufe dann den Dialog auf, stimmt wieder alles. Das riecht verdächtig nach einem Bug in Safari …

Kann einer von euch das geschilderte Verhalten so bestätigtigen?

Es wird noch obskurer: Wenn der Dialog-Inhalte verschoben ist und ich das Kontext-Menü öffne, bewegt sich der Inhalt wieder an seine korrekte Position zurück. Auffällig ist auch, dass der Hover-Effekt an der Position ausgelöst wird, an der sich die Elemente tatsächlich befinden.

Ich verwende in allen Browsern 1440x890 Pixel für die Größe des Inhalts, das ist deutlich weniger als die 1440 Pixel. Sobald ich via Entwickler-Werkzeuge die animation für das Einblenden des Dialogs deaktiviert, tritt der Fehler nicht mehr auf.

PS: Welcher Barbar hat das Dock unten?

Es ist definitiv ein Rendering-Bug in Safari.

• animation per Inspector deaktiviert.
• Referenz auf .dialog__document gespeichert.
• Von der Referenz getBoundingClientRect() abgefragt.
• animation wieder reaktiviert, aber sonst keine Aktion getätigt. Der Dialog ist nun verschoben.
• Erneut getBoundingClientRect() abgefragt.

Resultat: Das Element ist laut Browser an seiner korrekten Position und auch der Hover-Zustand reagiert auf die „korrekte“ Position der Elemente.

Ich kann das Problem in Safari Technology Preview (Release 175, Safari 17.0) nicht mehr reproduzieren. Es handelt sich in jedem Fall um einen Browser-Bug und um keinen Fehler in unserer Software.