new middle

Screenshot

Issue screenshot

Stored at legacy-import/issues/26/1771843027790-028bdc81-df2f-4fb9-88f4-b7f49eeebb90.png

Metadata

Selector candidates
[
  {
    "matches": 1,
    "score": 74,
    "selector": "#radix-_r_32_ \u003e div:nth-of-type(3)",
    "strategy": "scoped-parent-id"
  },
  {
    "matches": 1,
    "score": 58,
    "selector": "#radix-_r_32_ \u003e div \u003e div:nth-of-type(3)",
    "strategy": "ancestor-path"
  },
  {
    "matches": 2,
    "score": 76,
    "selector": "div.border-t.border-\\[\\#E3EDF7\\].p-4",
    "strategy": "class"
  },
  {
    "matches": 25,
    "score": 60,
    "selector": "div:nth-of-type(3)",
    "strategy": "nth-of-type"
  }
]
Target fingerprint
{
  "ancestorPath": [
    "#radix-_r_32_",
    "div"
  ],
  "ariaLabel": null,
  "className": "border-t border-[#E3EDF7] p-4 bg-white shrink-0 pb-4",
  "href": null,
  "id": null,
  "name": null,
  "role": null,
  "tagName": "div",
  "textSample": "Accept • €10.00"
}
Secondary signal
{
  "hasFiberInstance": true,
  "reactComponentStack": [
    "div",
    "Primitive.div",
    "DismissableLayer",
    "Primitive.div.SlotClone",
    "Primitive.div.Slot",
    "FocusScope",
    "Presence",
    "DialogContent",
    "Drawer.Content",
    "l",
    "Portal",
    "DialogPortalProvider"
  ],
  "reactOwnerStack": [],
  "source": "react-fiber"
}
Layout evidence
bbox:
{
  "bottom": 1112,
  "height": 81,
  "left": 613,
  "right": 1189,
  "top": 1031,
  "width": 576,
  "x": 613,
  "y": 1031
}

viewport:
{
  "height": 1112,
  "width": 1189
}

scroll:
{
  "x": 0,
  "y": 0
}

screenshotMarks:
[]
DOM excerpt
<div class="border-t border-[#E3EDF7] p-4 bg-white shrink-0 pb-4"><button type="button" class="w-full bg-[#7fbce6] hover:bg-[#6ca8d1] text-white h-[48px] rounded-xl text-[16px] font-semibold shadow-lg shadow-blue-100 active:scale-[0.98] transition-all flex items-center justify-center gap-2"><span>Accept</span><span class="font-normal opacity-90">• €10.00</span></button></div>

Thread

No comments yet.