border-radius-identical.tentative.html

Enable keyboard shortcuts

This WPT test may be referenced by the following Test IDs:
- /html/semantics/permission-element/geolocation-element/border-radius-identical.tentative.html - WPT Dashboard Interop Dashboard

<!doctype html>

<meta charset="utf-8" />

<title>Geolocation Element Border Radius Clamping</title>

<link

  rel="help"

  href="https://github.com/WICG/PEPC/blob/main/explainer.md#locking-the-pepc-style"

/>

<link rel="match" href="border-radius-identical-ref.html" />

<p>

  This test verifies that a large border-radius on a geolocation element is clamped to half of the

  element's smallest dimension, resulting in a pill shape.

</p>

<style>

  geolocation {

    width: 100px;

    height: 40px;

    border-radius: 1000px;

    background-color: blue;

    display: inline-block;

</style>

<geolocation></geolocation>