border-radius-identical.tentative.html (619B)
1 <!DOCTYPE html> 2 <meta charset="utf-8"> 3 <title>Permission Element Border Radius Clamping</title> 4 <link rel="help" 5 href="https://github.com/WICG/PEPC/blob/main/explainer.md#locking-the-pepc-style"/> 6 <link rel="match" href="border-radius-identical-ref.html"> 7 <p>This test verifies that a large border-radius on a permission element is clamped to half of the element's smallest dimension, resulting in a pill shape.</p> 8 <style> 9 permission { 10 width: 100px; 11 height: 40px; 12 border-radius: 1000px; 13 background-color: blue; 14 display: inline-block; 15 } 16 </style> 17 <permission type="geolocation"></permission>