| <!DOCTYPE html><!-- webkit-test-runner [ SpatialPortalEnabled=false ] --> |
| <html> |
| <style> |
| #portal { spatial: portal; width: 300px; height: 150px; portal-transform: none; } |
| </style> |
| <body> |
| <div id="portal"> |
| <span id="content">Hello!</span> |
| </div> |
| <pre id="results"></pre> |
| <script> |
| window.testRunner?.dumpAsText(); |
| |
| const portal = document.getElementById("portal"); |
| const lines = []; |
| |
| lines.push(`portal-transform is supported: ${CSS.supports("portal-transform", "auto")}`); |
| lines.push(`portal-transform computed style is exposed: ${getComputedStyle(portal).portalTransform !== undefined}`); |
| |
| portal.style.portalTransform = "none"; |
| lines.push(`portal-transform survives in cssText: ${portal.style.cssText.includes("portal-transform")}`); |
| |
| results.textContent = lines.join("\n"); |
| |
| portal.remove(); |
| </script> |
| </body> |
| </html> |
