{
  "subject": "dropdown-hidden-controls",
  "beforeRevision": "1abbd4b41544dd8a74b19ff3359029537bbaa41b",
  "afterRevision": "92cc0b57fab00cebed9f065999f1255e27bc5255",
  "pairedComputedSamples": 2,
  "stableFieldDifferences": [],
  "observedGeometryDifferences": [],
  "clippingMechanismDifferences": [
    {
      "state": "neutral-desktop-hidden-popup",
      "field": "/controls/0/clip",
      "before": "rect(0px, 0px, 0px, 0px)",
      "after": "auto"
    },
    {
      "state": "neutral-desktop-hidden-popup",
      "field": "/controls/1/clip",
      "before": "rect(0px, 0px, 0px, 0px)",
      "after": "auto"
    }
  ],
  "additionalClippingMeasurementsWithoutBaseline": [
    {
      "state": "neutral-desktop-hidden-popup",
      "field": "/controls/0/clipPath",
      "before": "not-sampled",
      "after": "inset(50%)"
    },
    {
      "state": "neutral-desktop-hidden-popup",
      "field": "/controls/1/clipPath",
      "before": "not-sampled",
      "after": "inset(50%)"
    },
    {
      "state": "neutral-desktop-hidden-popup",
      "field": "/controls/2/clipPath",
      "before": "not-sampled",
      "after": "none"
    },
    {
      "state": "neutral-desktop-hidden-popup",
      "field": "/controls/3/clipPath",
      "before": "not-sampled",
      "after": "none"
    },
    {
      "state": "neutral-desktop-visible-empty-search",
      "field": "/controls/0/clipPath",
      "before": "not-sampled",
      "after": "none"
    },
    {
      "state": "neutral-desktop-visible-empty-search",
      "field": "/controls/1/clipPath",
      "before": "not-sampled",
      "after": "none"
    },
    {
      "state": "neutral-desktop-visible-empty-search",
      "field": "/controls/2/clipPath",
      "before": "not-sampled",
      "after": "none"
    },
    {
      "state": "neutral-desktop-visible-empty-search",
      "field": "/controls/3/clipPath",
      "before": "not-sampled",
      "after": "none"
    }
  ],
  "allObservedDifferences": [
    {
      "state": "neutral-desktop-hidden-popup",
      "field": "/controls/0/clip",
      "before": "rect(0px, 0px, 0px, 0px)",
      "after": "auto"
    },
    {
      "state": "neutral-desktop-hidden-popup",
      "field": "/controls/0/clipPath",
      "before": "not-sampled",
      "after": "inset(50%)"
    },
    {
      "state": "neutral-desktop-hidden-popup",
      "field": "/controls/1/clip",
      "before": "rect(0px, 0px, 0px, 0px)",
      "after": "auto"
    },
    {
      "state": "neutral-desktop-hidden-popup",
      "field": "/controls/1/clipPath",
      "before": "not-sampled",
      "after": "inset(50%)"
    },
    {
      "state": "neutral-desktop-hidden-popup",
      "field": "/controls/2/clipPath",
      "before": "not-sampled",
      "after": "none"
    },
    {
      "state": "neutral-desktop-hidden-popup",
      "field": "/controls/3/clipPath",
      "before": "not-sampled",
      "after": "none"
    },
    {
      "state": "neutral-desktop-visible-empty-search",
      "field": "/controls/0/clipPath",
      "before": "not-sampled",
      "after": "none"
    },
    {
      "state": "neutral-desktop-visible-empty-search",
      "field": "/controls/1/clipPath",
      "before": "not-sampled",
      "after": "none"
    },
    {
      "state": "neutral-desktop-visible-empty-search",
      "field": "/controls/2/clipPath",
      "before": "not-sampled",
      "after": "none"
    },
    {
      "state": "neutral-desktop-visible-empty-search",
      "field": "/controls/3/clipPath",
      "before": "not-sampled",
      "after": "none"
    }
  ],
  "excludedComputedSamples": {
    "before": [
      {
        "name": "neutral-phone-visible-dropdown",
        "reason": "The global backend-selector query hits a hidden desktop duplicate at the phone viewport. Its0×0 controls do not measure visible phone input geometry. Native scoped phone interaction/screenshot remains unchanged-path smoke.",
        "originalObservation": {
          "name": "neutral-phone-visible-dropdown",
          "timestamp": "2026-10-24T23:03:07Z",
          "query": [
            "(()=>{const r=document.querySelector('[data-testid=backend-selector]');return {viewport:[innerWidth,innerHeight],pageWidth:document.documentElement.scrollWidth,controls:r?[...r.querySelectorAll('input,button')].map(e=>{const c=getComputedStyle(e),b=e.getBoundingClientRect();return {tag:e.tagName,role:e.getAttribute('role'),tabIndex:e.tabIndex,ariaHidden:e.getAttribute('aria-hidden'),ariaLabel:e.getAttribute('aria-label'),position:c.position,width:c.width,height:c.height,margin:c.margin,padding:c.padding,clip:c.clip,whiteSpace:c.whiteSpace,borderWidth:c.borderWidth,overflow:c.overflow,bbox:[b.x,b.y,b.width,b.height]}}):[],options:[...document.querySelectorAll('[role=option]')].map(e=>e.textContent?.trim()),activeTag:document.activeElement?.tagName}})()"
          ],
          "value": {
            "viewport": [
              390,
              844
            ],
            "pageWidth": 390,
            "controls": [
              {
                "tag": "INPUT",
                "role": "combobox",
                "tabIndex": 0,
                "ariaHidden": null,
                "ariaLabel": null,
                "position": "static",
                "width": "auto",
                "height": "auto",
                "margin": "0px",
                "padding": "0px",
                "clip": "auto",
                "whiteSpace": "normal",
                "borderWidth": "0px",
                "overflow": "clip",
                "bbox": [
                  0,
                  0,
                  0,
                  0
                ]
              },
              {
                "tag": "BUTTON",
                "role": null,
                "tabIndex": -1,
                "ariaHidden": null,
                "ariaLabel": null,
                "position": "static",
                "width": "auto",
                "height": "auto",
                "margin": "0px",
                "padding": "0px 4px",
                "clip": "auto",
                "whiteSpace": "normal",
                "borderWidth": "0px",
                "overflow": "visible",
                "bbox": [
                  0,
                  0,
                  0,
                  0
                ]
              }
            ],
            "options": [
              "Local"
            ],
            "activeTag": "INPUT"
          },
          "screenshotSha256": "65c6682cd31c7c350475fce7df26cfbf56fdaaaab9e99c958be04c7d8f423f57"
        }
      }
    ],
    "after": [
      {
        "name": "neutral-phone-visible-dropdown",
        "reason": "The global backend-selector query hits a hidden desktop duplicate at the phone viewport. Its0×0 controls do not measure visible phone input geometry. Native scoped phone interaction/screenshot remains unchanged-path smoke.",
        "originalObservation": {
          "name": "neutral-phone-visible-dropdown",
          "timestamp": "2026-10-24T23:10:43Z",
          "query": [
            "(()=>{const r=document.querySelector('[data-testid=backend-selector]');return {viewport:[innerWidth,innerHeight],pageWidth:document.documentElement.scrollWidth,controls:r?[...r.querySelectorAll('input,button')].map(e=>{const c=getComputedStyle(e),b=e.getBoundingClientRect();return {tag:e.tagName,role:e.getAttribute('role'),tabIndex:e.tabIndex,ariaHidden:e.getAttribute('aria-hidden'),ariaLabel:e.getAttribute('aria-label'),position:c.position,width:c.width,height:c.height,margin:c.margin,padding:c.padding,clip:c.clip,clipPath:c.clipPath,whiteSpace:c.whiteSpace,borderWidth:c.borderWidth,overflow:c.overflow,bbox:[b.x,b.y,b.width,b.height]}}):[],options:[...document.querySelectorAll('[role=option]')].map(e=>e.textContent?.trim()),activeTag:document.activeElement?.tagName}})()"
          ],
          "value": {
            "viewport": [
              390,
              844
            ],
            "pageWidth": 390,
            "controls": [
              {
                "tag": "INPUT",
                "role": "combobox",
                "tabIndex": 0,
                "ariaHidden": null,
                "ariaLabel": null,
                "position": "static",
                "width": "auto",
                "height": "auto",
                "margin": "0px",
                "padding": "0px",
                "clip": "auto",
                "clipPath": "none",
                "whiteSpace": "normal",
                "borderWidth": "0px",
                "overflow": "clip",
                "bbox": [
                  0,
                  0,
                  0,
                  0
                ]
              },
              {
                "tag": "BUTTON",
                "role": null,
                "tabIndex": -1,
                "ariaHidden": null,
                "ariaLabel": null,
                "position": "static",
                "width": "auto",
                "height": "auto",
                "margin": "0px",
                "padding": "0px 4px",
                "clip": "auto",
                "clipPath": "none",
                "whiteSpace": "normal",
                "borderWidth": "0px",
                "overflow": "visible",
                "bbox": [
                  0,
                  0,
                  0,
                  0
                ]
              }
            ],
            "options": [
              "Local"
            ],
            "activeTag": "INPUT"
          },
          "screenshotSha256": "cb04d0b6682b1ff4b62028d98d2fbaf743a99b19af3879cf5fb4646e8a2b0d41"
        }
      }
    ]
  },
  "pairs": [
    {
      "state": "neutral-desktop-hidden-popup",
      "beforeTimestamp": "2026-10-24T23:02:00Z",
      "afterTimestamp": "2026-10-24T23:10:37Z",
      "before": {
        "viewport": [
          1440,
          1000
        ],
        "pageWidth": 1440,
        "controls": [
          {
            "tag": "INPUT",
            "role": "combobox",
            "tabIndex": -1,
            "ariaHidden": null,
            "ariaLabel": "Local",
            "position": "absolute",
            "width": "1px",
            "height": "1px",
            "margin": "-1px",
            "padding": "0px",
            "clip": "rect(0px, 0px, 0px, 0px)",
            "whiteSpace": "nowrap",
            "borderWidth": "0px",
            "overflow": "clip",
            "bbox": [
              58,
              995,
              1,
              1
            ]
          },
          {
            "tag": "BUTTON",
            "role": null,
            "tabIndex": -1,
            "ariaHidden": "true",
            "ariaLabel": null,
            "position": "absolute",
            "width": "1px",
            "height": "1px",
            "margin": "-1px",
            "padding": "0px",
            "clip": "rect(0px, 0px, 0px, 0px)",
            "whiteSpace": "nowrap",
            "borderWidth": "0px",
            "overflow": "hidden",
            "bbox": [
              58,
              995,
              1,
              1
            ]
          },
          {
            "tag": "BUTTON",
            "role": null,
            "tabIndex": 0,
            "ariaHidden": null,
            "ariaLabel": null,
            "position": "static",
            "width": "254px",
            "height": "36px",
            "margin": "0px",
            "padding": "8px",
            "clip": "auto",
            "whiteSpace": "normal",
            "borderWidth": "0px",
            "overflow": "visible",
            "bbox": [
              63,
              914,
              254,
              36
            ]
          },
          {
            "tag": "BUTTON",
            "role": null,
            "tabIndex": 0,
            "ariaHidden": null,
            "ariaLabel": null,
            "position": "static",
            "width": "254px",
            "height": "36px",
            "margin": "0px",
            "padding": "8px",
            "clip": "auto",
            "whiteSpace": "normal",
            "borderWidth": "0px",
            "overflow": "visible",
            "bbox": [
              63,
              952,
              254,
              36
            ]
          }
        ],
        "options": [
          "Local"
        ],
        "activeTag": "INPUT"
      },
      "after": {
        "viewport": [
          1440,
          1000
        ],
        "pageWidth": 1440,
        "controls": [
          {
            "tag": "INPUT",
            "role": "combobox",
            "tabIndex": -1,
            "ariaHidden": null,
            "ariaLabel": "Local",
            "position": "absolute",
            "width": "1px",
            "height": "1px",
            "margin": "-1px",
            "padding": "0px",
            "clip": "auto",
            "clipPath": "inset(50%)",
            "whiteSpace": "nowrap",
            "borderWidth": "0px",
            "overflow": "clip",
            "bbox": [
              58,
              995,
              1,
              1
            ]
          },
          {
            "tag": "BUTTON",
            "role": null,
            "tabIndex": -1,
            "ariaHidden": "true",
            "ariaLabel": null,
            "position": "absolute",
            "width": "1px",
            "height": "1px",
            "margin": "-1px",
            "padding": "0px",
            "clip": "auto",
            "clipPath": "inset(50%)",
            "whiteSpace": "nowrap",
            "borderWidth": "0px",
            "overflow": "hidden",
            "bbox": [
              58,
              995,
              1,
              1
            ]
          },
          {
            "tag": "BUTTON",
            "role": null,
            "tabIndex": 0,
            "ariaHidden": null,
            "ariaLabel": null,
            "position": "static",
            "width": "254px",
            "height": "36px",
            "margin": "0px",
            "padding": "8px",
            "clip": "auto",
            "clipPath": "none",
            "whiteSpace": "normal",
            "borderWidth": "0px",
            "overflow": "visible",
            "bbox": [
              63,
              914,
              254,
              36
            ]
          },
          {
            "tag": "BUTTON",
            "role": null,
            "tabIndex": 0,
            "ariaHidden": null,
            "ariaLabel": null,
            "position": "static",
            "width": "254px",
            "height": "36px",
            "margin": "0px",
            "padding": "8px",
            "clip": "auto",
            "clipPath": "none",
            "whiteSpace": "normal",
            "borderWidth": "0px",
            "overflow": "visible",
            "bbox": [
              63,
              952,
              254,
              36
            ]
          }
        ],
        "options": [
          "Local"
        ],
        "activeTag": "INPUT"
      },
      "differences": [
        {
          "field": "/controls/0/clip",
          "before": "rect(0px, 0px, 0px, 0px)",
          "after": "auto"
        },
        {
          "field": "/controls/0/clipPath",
          "before": "not-sampled",
          "after": "inset(50%)"
        },
        {
          "field": "/controls/1/clip",
          "before": "rect(0px, 0px, 0px, 0px)",
          "after": "auto"
        },
        {
          "field": "/controls/1/clipPath",
          "before": "not-sampled",
          "after": "inset(50%)"
        },
        {
          "field": "/controls/2/clipPath",
          "before": "not-sampled",
          "after": "none"
        },
        {
          "field": "/controls/3/clipPath",
          "before": "not-sampled",
          "after": "none"
        }
      ]
    },
    {
      "state": "neutral-desktop-visible-empty-search",
      "beforeTimestamp": "2026-10-24T23:02:04Z",
      "afterTimestamp": "2026-10-24T23:10:41Z",
      "before": {
        "viewport": [
          1440,
          1000
        ],
        "pageWidth": 1440,
        "controls": [
          {
            "tag": "INPUT",
            "role": "combobox",
            "tabIndex": 0,
            "ariaHidden": null,
            "ariaLabel": null,
            "position": "static",
            "width": "169px",
            "height": "20px",
            "margin": "0px",
            "padding": "0px",
            "clip": "auto",
            "whiteSpace": "normal",
            "borderWidth": "0px",
            "overflow": "clip",
            "bbox": [
              35,
              962,
              169,
              20
            ]
          },
          {
            "tag": "BUTTON",
            "role": null,
            "tabIndex": -1,
            "ariaHidden": null,
            "ariaLabel": null,
            "position": "static",
            "width": "24px",
            "height": "16px",
            "margin": "0px",
            "padding": "0px 4px",
            "clip": "auto",
            "whiteSpace": "normal",
            "borderWidth": "0px",
            "overflow": "visible",
            "bbox": [
              212,
              964,
              24,
              16
            ]
          },
          {
            "tag": "BUTTON",
            "role": null,
            "tabIndex": 0,
            "ariaHidden": null,
            "ariaLabel": null,
            "position": "static",
            "width": "227px",
            "height": "36px",
            "margin": "0px",
            "padding": "8px",
            "clip": "auto",
            "whiteSpace": "normal",
            "borderWidth": "0px",
            "overflow": "visible",
            "bbox": [
              14,
              870,
              227,
              36
            ]
          },
          {
            "tag": "BUTTON",
            "role": null,
            "tabIndex": 0,
            "ariaHidden": null,
            "ariaLabel": null,
            "position": "static",
            "width": "227px",
            "height": "36px",
            "margin": "0px",
            "padding": "8px",
            "clip": "auto",
            "whiteSpace": "normal",
            "borderWidth": "0px",
            "overflow": "visible",
            "bbox": [
              14,
              908,
              227,
              36
            ]
          }
        ],
        "options": [],
        "activeTag": "INPUT"
      },
      "after": {
        "viewport": [
          1440,
          1000
        ],
        "pageWidth": 1440,
        "controls": [
          {
            "tag": "INPUT",
            "role": "combobox",
            "tabIndex": 0,
            "ariaHidden": null,
            "ariaLabel": null,
            "position": "static",
            "width": "169px",
            "height": "20px",
            "margin": "0px",
            "padding": "0px",
            "clip": "auto",
            "clipPath": "none",
            "whiteSpace": "normal",
            "borderWidth": "0px",
            "overflow": "clip",
            "bbox": [
              35,
              962,
              169,
              20
            ]
          },
          {
            "tag": "BUTTON",
            "role": null,
            "tabIndex": -1,
            "ariaHidden": null,
            "ariaLabel": null,
            "position": "static",
            "width": "24px",
            "height": "16px",
            "margin": "0px",
            "padding": "0px 4px",
            "clip": "auto",
            "clipPath": "none",
            "whiteSpace": "normal",
            "borderWidth": "0px",
            "overflow": "visible",
            "bbox": [
              212,
              964,
              24,
              16
            ]
          },
          {
            "tag": "BUTTON",
            "role": null,
            "tabIndex": 0,
            "ariaHidden": null,
            "ariaLabel": null,
            "position": "static",
            "width": "227px",
            "height": "36px",
            "margin": "0px",
            "padding": "8px",
            "clip": "auto",
            "clipPath": "none",
            "whiteSpace": "normal",
            "borderWidth": "0px",
            "overflow": "visible",
            "bbox": [
              14,
              870,
              227,
              36
            ]
          },
          {
            "tag": "BUTTON",
            "role": null,
            "tabIndex": 0,
            "ariaHidden": null,
            "ariaLabel": null,
            "position": "static",
            "width": "227px",
            "height": "36px",
            "margin": "0px",
            "padding": "8px",
            "clip": "auto",
            "clipPath": "none",
            "whiteSpace": "normal",
            "borderWidth": "0px",
            "overflow": "visible",
            "bbox": [
              14,
              908,
              227,
              36
            ]
          }
        ],
        "options": [],
        "activeTag": "INPUT"
      },
      "differences": [
        {
          "field": "/controls/0/clipPath",
          "before": "not-sampled",
          "after": "none"
        },
        {
          "field": "/controls/1/clipPath",
          "before": "not-sampled",
          "after": "none"
        },
        {
          "field": "/controls/2/clipPath",
          "before": "not-sampled",
          "after": "none"
        },
        {
          "field": "/controls/3/clipPath",
          "before": "not-sampled",
          "after": "none"
        }
      ]
    }
  ],
  "unpairedNamedSamples": {
    "before": [],
    "after": []
  },
  "classification": "Stable color/DOM/control properties are distinct from fully retained geometry differences and the intentional clipping-mechanism change. Nothing in the original sampled values is normalized away.",
  "limits": [
    "Actual named computed samples establish the stated preservation scope. No global pixel identity, exhaustive theme/state coverage or performance claim.",
    "Clipping intentionally moves from inline clip rect to compiled clip-path inset. Baseline live clipPath was not sampled; no literal declaration identity is claimed.",
    "Unchanged visible-dropdown keyboard and phone behavior are separate smoke paths; hidden controls are not programmatically focused to invent a keyboard path.",
    "Native hidden controls keep equivalent empty painted clipping and1px geometry under the documented stylesheet contract."
  ]
}