いくつかの CSS アニメーションを含むページがあります。このページには、Google Maps API を介して生成された地図もあります。
簡素化されたデモをここで見ることができます:
http://dev.timmurtaugh.com/demo/projects-map-debug.html
「メイン ナビゲーション アイテム」にカーソルを合わせる前に「サイズの切り替え」サイズ リンクをクリックすると、切り替えられた要素のサイズが期待どおりに変更されます。
ただし、CSS を介してフライアウト メニューをトリガーする必要がある nav 要素にカーソルを合わせると、フライアウト メニューが表示されないだけでなく、[サイズの切り替え] リンクが機能しなくなります。
これだけでも十分奇妙であるかのように、Web インスペクターは、すべてが正常に機能していると考えます。視覚的には変化していないのに、ボックスのサイズが変化していると報告します。
マップを iframe に分離しようとしましたが、同じ結果が得られました。
これは Safari (5.1.5) / Mac でのみ発生するようで、私が確認した他のブラウザー (最新の Chrome / Firefox / Internet Explorer 9) では発生しません。
この質問の提案を試しました: jQuery jScrollPane issue/conflict with Google maps on Safari
... そしてこれ: Google Maps API 使用時の Mac Safari 5.0.4 バグ
何か私にできることはありますか？