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