.pdf websites embedded with layout: iframe are unstable in Safari

[gy-mate]

Describe the bug

If I open a slide with a website embedded by layout: iframe and click on a link on that site that points to a .pdf file...

• two-finger scrolling doesn't work for a few seconds
• it only recognizes clicks and scrolling in the blue box (the controls are also in the wrong place):
  
• using the scrollbar is unstable—it often gets stuck in a position while scrolling:
  • example
  • live example

To reproduce

Steps to reproduce the behavior:

1. Clone this repo
2. git checkout dev_main
3. git checkout 586fa61b
4. cd presentation
5. npx slidev
6. Go to slide 10
7. Click on Adony

Desktop

• OS: macOS 14.4.1
• Browser: Safari 17.4.1 (it works fine in Microsoft Edge 123.0.2420.81 and Chrome 123.0.6312.124)
• Slidev version: v0.49.0-beta.3 (global)

[KermanX]

I think we can't fix this by editing Slidev's source code. Feel free to reopen this issue if a possible solution is found.

[gy-mate]

You're right, this seems like a Safari bug.