<iframe id="result" name="CodePen" title="CodePen Preview" src="https://codepen.io/vidhill/fullpage/bNPEmX?anon=true&view=" sandbox="allow-downloads allow-forms allow-modals allow-pointer-lock allow-popups-to-escape-sandbox allow-popups allow-presentation allow-same-origin allow-scripts allow-top-navigation-by-user-activation" allow="accelerometer *; bluetooth *; camera *; encrypted-media *; display-capture *; geolocation *; gyroscope *; microphone *; midi *; clipboard-read *; clipboard-write *; web-share *; serial *; xr-spatial-tracking *" scrolling="auto" allowtransparency="true" allowpaymentrequest="true" allowfullscreen="true" class="result-iframe " loading="lazy">
</iframe>
<iframe id="result" name="CodePen" title="CodePen Preview" src="https://codepen.io/vidhill/fullpage/bNPEmX?anon=true&view=" sandbox="allow-forms allow-modals allow-pointer-lock allow-popups-to-escape-sandbox allow-popups allow-same-origin allow-scripts allow-top-navigation-by-user-activation" allow="accelerometer *; ambient-light-sensor *; camera *; display-capture *; encrypted-media *; geolocation *; gyroscope *; microphone *; midi *; payment *; vr *; web-share *; serial *; xr-spatial-tracking *" scrolling="auto" allowtransparency="true" allowpaymentrequest="true" allowfullscreen="true" class="result-iframe " loading="lazy">
</iframe>
URL: https://codepen.io/vidhill/pen/bNPEmX
Browser / Version: Safari 18.4
Operating System: Mac OS X 10.15.7
Tested Another Browser: Yes Chrome
Problem type: Site is not usable
Description: Buttons or links not working
Steps to Reproduce:
Codepen.io sends Safari different Sandbox flags for the <iframe> hosting the test content compared to Chrome.
Content served to Chrome for <iframe> content:
Content served to Safari for <iframe> content:
They should be sending Safari the
allow-downloadssandbox flag, and possibly theallow-presentationflag since that feature is under development and may be turned on by users.Browser Configuration
From webcompat.com with ❤️